如何在滚动浏览网站时更改元素的 transform: translate() 位置？答案

【问题标题】：How can I change the transform: translate() position of an element as one scrolls through a website?如何在滚动浏览网站时更改元素的 transform: translate() 位置？
【发布时间】：2016-02-07 17:28:19
【问题描述】：

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

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

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

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

感谢您的宝贵时间！

【问题讨论】：

标签： javascript jquery css scroll transform

【解决方案1】：

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

【讨论】：