javascript - 如何更改转换 : translate() position of an element as one scrolls through a website?

Question

我对此有点陌生，到目前为止找不到任何有效的解决方案。

我想在这里实现图像上的效果:http://www.apple.com/macbook/

当用户向下滚动时，图像会向上滚动，反之亦然。我查看了他们的 javascript 文件(overview.build.js 中的第 28928 行)，找到了执行此操作但无法完全理解的行。

在我的网站上，当我想使用这种效果时，我将图像放在 div 容器中作为 img 标签，但我也可以将它作为背景图像放置。

感谢您的宝贵时间!

Answer 1

我认为你指的是视差效果。有各种各样的 jQuery 插件可以实现这种效果。我使用的插件: https://github.com/jalxob/cool-kitten您可以通过谷歌搜索“视差效果”找到大量其他选项