1

我试图弄清楚所有这些视差滚动是如何工作的，没有什么大不了的，只是微妙的元素，我把 dave gamache 的网站拆开并用它来亲眼看看。

然而，当窗口滚动时，我似乎无法让我的内部标题失去透明度。也不让背景图像滚动。

我创建了一个小提琴来向您展示我正在使用什么，我认为它与我的 windowScroll var 只是我不确定，任何帮助都非常感谢！

http://jsfiddle.net/jzmQJ/

4

2 回答 2

1

您需要处理滚动事件并将您编写的用于实现视差效果的代码放入事件处理程序中。

因为它是修改位置的代码，$artHeaderInner并且仅在触发事件$artHeader时运行一次。ready为了达到您想要的效果，您需要在每次滚动位置更改时运行该代码。

这可能会让你开始：

http://jsfiddle.net/LtrPV/1/

于 2012-06-22T18:34:59.073 回答
0

我建议使用 JavaScript 库，例如 Skrollr.js。

您将完美控制动画和时间。

查看这两个教程以帮助您入门：

于 2014-02-02T09:49:59.630 回答