我对此很陌生,到目前为止找不到有效的解决方案。
我想实现图像上的效果:http://www.apple.com/macbook/
当用户向下滚动时,图像在上升,反之亦然。我看了看他们的javascript文件(overview.build.js中的28928行),找到了执行此操作的行,但无法完全理解。
在我的网站上,当我想使用此效果时,我将图像放在div容器中作为img标签,但是我也可以将其作为背景图像放置。
谢谢您的宝贵时间!
最佳答案
我认为您指的是视差效果。有各种各样的jQuery插件可以达到这种效果。
我使用的插件:
https://github.com/jalxob/cool-kitten
您可以通过搜索“视差效果”找到大量其他选择
关于javascript - 如何在一个网站上滚动元素时更改transform:translate()的位置?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35256654/