通过滚动旋转元素

Question

可以通过滚动来旋转网站上的元素吗？

元素应该在向下滚动页面时向右旋转，在向上滚动时向左旋转。

旋转的速度应该与滚动的速度相匹配。

当不再滚动时，元素应旋转回起始点。

Answer 1

我一直在调查同样的事情，这是我遇到的信息，希望你能找到你正在寻找的东西。

1)这可以使用jquery的.scroll和一些CSS3转换来实现，但是它还没有得到广泛的支持。在写这篇文章的时候，IE完全不支持它，所以你可能想知道你的目标受众。这可以通过一些修复和变通来在不同的浏览器中获得更多的支持，但你最好使用不同的选项，除非你真的想要“自己动手”的感觉。

2)像选项1一样，它将使用.scroll并调用旋转插件(因为使用jquery的旋转器不是那么流畅)。如果这就是您想要的路线，请在http://code.google.com/p/jqueryrotate/wiki/Examples中查看此插件

3)我使用的方法是使用众多内置旋转的视差滚动插件中的一个。它们中的大多数都为IE用户实现了优雅的降级。我最喜欢的两个是：http://johnpolacek.github.com/scrollorama/和http://joelb.me/scrollpath/

希望这能给你指明正确的方向！