jQuery - 当页面不在顶部时，然后更改div背景颜色

Question

好的，所以我在页面加载时有一个白色背景的div，但我希望它在页面滚动时改变颜色，但如果页面返回到顶部则返回白色。

我刚刚开始使用jQuery，所以非常感谢您的帮助：）

Answer 1

您想首先听取window的“scroll”事件。然后，您要检查window的“scrollTop”以确定它是否位于顶部。最后，您可以使用css命令更改页面的背景颜色。

这是一个（完全未经测试的）示例，可以给你一个想法：

$(window).scroll(function() {
    if ($(window).scrollTop() == 0) {
        $(document.body).css('backgroundColor', 'red');
    } else {
        $(document.body).css('backgroundColor', 'white');
    }
});