javascript - 为什么 window.onscroll 滞后于实际滚动？

Question

我正在使用等效代码来定位元素:

$(window).scroll(function(){
    my_element.css("top",$(window).scrollTop() + 50)
});

问题是:在滚动期间，元素不会保持静止。它来回摆动，就好像调用 onscroll 事件的速度不如滚动一样快。奇怪的是，有时它确实有效。

Answer 1

我建议你使用 position: fixed在 CSS 中，而不是在每个滚动条上调整顶部。这样，无论滚动多快，您的航向都将稳定在一个位置。

即

<div style="font-family: oswald; color: white; position: fixed; top: 50px; ...">...</div>

并完全放弃滚动事件处理程序。

或者更好地使用类，<div class="heading">...</div>

在你的 CSS 中:

.heading {
    font-family: oswald;
    ...
    position: fixed;
    top: 50px;
}