我试图弄清楚所有这些平面滚动是如何工作的,没有任何大规模的微妙元素,我正在挑选dave gamache的网站,并用它来看第一手。
然而,当窗口滚动时,我似乎无法使我的内部标题失去不透明度。也不要让背景图像滚动。
我已经创建了一个小提琴,告诉你我正在使用什么,我认为它与我的windowScroll var有关,我只是不确定,任何帮助非常感谢!
答案 0 :(得分:1)
您需要处理滚动事件并将您编写的代码放在事件处理程序中实现视差效果。
因为修改$artHeaderInner
和$artHeader
的位置的代码只在ready
事件被触发时运行一次。为了达到您想要的效果,每次滚动位置更改时都需要运行该代码。
这可能会让你开始:
答案 1 :(得分:0)
我建议使用像Skrollr.js这样的JavaScript库。
您可以完美控制动画和时间。
查看这两个教程以帮助您入门: