jquery - 当用户将网站滚动到某个高度时，如何更改固定顶部菜单的背景图像

Question

我是新手。这是我的第一个问题。如果我错过了什么，请原谅。

当用户向下滚动到某个高度并且再次向上滚动时，我希望更改固定菜单 div 的背景图像，然后出现第一个背景图像。

到目前为止，我已经实现了这一点，但我的 JavaScript 不太好，所以问题仍然存在。这是我到目前为止所做的演示：

这里！

任何帮助将不胜感激。提前致谢。

Answer 1

例如使用skrollr

<div class="menu" data-0="background-image:!url(a.jpg);" data-500="background-image:!url(b.jpg);"></div>

向下滚动 500 像素时将更改背景，并在再次向上滚动时将其更改回来。