在页面加载偏移值设置为0。论检验值的计算

Question

目标是使用url框架跳转到页面加载的单独页面上的特定部分。<a href="page.php#section>

意外的行为是，在页面加载上，offsetTop似乎没有得到计算，或者值没有被覆盖。

• 当我打电话给console.log($("#section").offset());
• 从加载的PHP文件的<script>标记中，
• 或者是在jQuery(document).ready(function() {})调用的链接js文件，
• 或$(window).on('load', function() {})

所有这些都会产生一个{ top: 0, left:0 }的控制台日志。

但是，一旦加载了该文件，我将手动打开Dev并输入console.log($("#section").offset());，它将返回{ top:200px, left: 200px }的预期输出。-当我在没有调用较少文件的情况下加载页面时，就会进行计算。这使我相信，这是一个种族条件与较少。然而，这似乎很奇怪，更少的战斗和覆盖html:5函数。

Answer 1

将一个简单的URI查询组件附加到锚的href属性值。

<a href="page.php?hash=section">Click here</a>

然后，在page.php上添加代码来处理GET请求中的URI查询。

<!-- at bottom of markup just before end body -->
<?php if (@$_GET['hash'] === 'section') echo '<script>window.location.hash="section";</script>'; ?>
</body>

Answer 2

用javascript

​

window.onload = function (){
  "use strict";
document.body.addEventListener("load",function(){
    // your code here   
 });
}

​

使用jquery很容易

​

$("body").on("load",function(){
  // here code
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

​