当元素到达页面顶部时，jQuery更改位置

Question

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

Answer 1

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

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