Jquery 使用.scroll（）控制转换属性

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

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

这就是我所处的位置：

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

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

---

谢谢

你所要求的基本上是任何视差站点的工作原理-某些元素与滚动动作有关。为了实现这一点，您可以获得每次滚动时窗口的位置

这将很难缠绕你的头在第一，但使用该滚动位置，你做了一个计算，然后进入旋转度

通读本教程，更好地理解我关于滚动位置的意思

---

我知道这不是你想要的，但是如果你想要一个很好的用于旋转的跨浏览器插件，你可以试试，谢谢。我所寻找的是非常简单的，我确实通过以下方法找到了它：x=0$（document）.ready（function（）{$（window）.scroll（function（）{$（“#gear”）.css（“-vendor transform”，“rotate”（+（x++=3）+“deg）”）；}）；但我刚刚听说了整个视差的事情，所以谢谢图坦卡蒙！