javascript - 通过滚动位置更改元素属性

Question

当用户向下滚动我的网页时，我需要减少元素上的 top 属性，以便当用户在 周围时 top 等于 0网页下方 250px。目前，我必须使用这个 css:

[data-label="label1"] {
    left: 0;
    position: fixed;
    top: 89px;
 }

当浏览器到达 250px 时，我希望 top 等于 0px。我如何使用 jQuery 编写此代码？

感谢您的想法。

Answer 1

滚动时可以使用 window 的 scrollTop() 属性:

$(window).scroll(function() {
    $('[data-label="label1"]').css('top', $(this).scrollTop() > 250 ? 0 : '89px');
});