如何更改转换:元素的translate()位置滚动浏览网站?

时间:2016-02-07 17:28:20

标签: javascript jquery css scroll transform

我对此有点新鲜,到目前为止找不到任何可行的解决方案。

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

当用户向下滚动时,图像会上升,反之亦然。我查看了他们的javascript文件(overview.build.js中的第28928行),找到了这样做的行但却无法完全理解它。

在我想要使用此效果的网站上,我将div容器中的图像作为img标记,但我也可以将其作为背景图像。

谢谢你的时间!

1 个答案:

答案 0 :(得分:0)

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