通过滚动旋转元素

时间:2012-03-24 20:08:24

标签: scroll rotation

是否可以通过滚动来旋转网站上的元素?

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

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

当不再滚动元素时,应该旋转回起点。

1 个答案:

答案 0 :(得分: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/

希望这能指出你正确的方向!

相关问题