Question

我是一个jQuery初学者，所以我只是想寻找一些提示，以便我可以继续朝着正确的方向努力。

我想要发生的是：当用户向下滚动页面时，固定图像会旋转。理想情况下，与滚动匹配的旋转速度（快速滚动=快速旋转）。

这就是我所在的地方：

$(window).scroll(function () { 
  $("img").css("-webkit-transform","rotate(90deg)") 
});

我知道我需要使用比90deg更小的增量，当然还需要更多的供应商前缀，但我的主要问题是这只能让图像一次旋转90度。至少我希望它能够笨拙地一遍又一遍地旋转。然后我可以努力让它顺利进行。

由于

Answer 1

你要求的基本上是任何视差网站的工作原理 - 某些元素与滚动动作有关。为了完成这项工作，每次滚动时都会获得窗口的位置。

这首先很难绕开，但是使用滚动位置，你进行计算，然后进入旋转角度。

通读本教程，以便更好地了解我对滚动位置的看法。