jquery - 当元素到达页面顶部时jQuery改变位置

Question

我正在尝试更改页面元素的 CSS 位置，基本上只是一个侧边栏小部件，一旦元素到达页面顶部，我想将位置从绝对更改为固定。当您提出问题时，可以在 stackoverflow 上看到一个示例，他们有一个侧边栏，它会一直停留在一个位置，直到它到达页面顶部。所以基本上我想知道如何使用 jQuery 测试元素的位置，提前感谢您的任何建议！

Answer 1

使用 .offset() 和 scrollTop() 来查找元素与可视区域顶部之间的距离。

var distanceFromTop = $("testSelector").offset().top - $(window).scrollTop();