jquery - offset().top 是否应该改变

Question

我是 jQuery 的新手，正在尝试使用滚动来做一些事情。通过我的研究，我发现 scrollTop() 和 offset() 作为用于此的工具。我正在运行一个测试，按下一个按钮会提醒 div 的 offset().top 的值。当我稍微滚动并按下按钮时，该值会发生变化。我的印象是这个值应该保持不变，因为当我滚动时，它从 div 到文档顶部的距离不会改变。有人可以解释为什么会这样吗？

Answer 1

如果您要测量的元素位于可滚动容器中，那么是的，top 可以更改，因为考虑了容器的滚动。 top 将是从文档顶部到元素的视觉距离。如果该元素有一个滚动的容器，并且您更改滚动，则该距离会发生变化。

考虑:

<div style="height: 300px; overflow: scroll">
  <p>x</p>
  <!-- lots and lots more of those -->
  <p id="target">click me</p>
</div>

如果滚动包含的 div，从文档顶部到 #target 顶部的视觉距离会发生变化。

Live Example | Live Source