是否可以将css转换链接到scrollTop值?

时间:2014-05-14 16:04:13

标签: jquery css scroll position transitions

我在一个有视差和一些滚动效果的网站上工作,你可以在这里找到它:

http://athena.fhict.nl/users/i283196/qoala/

正如您所看到的,有些元素会对滚动位置做出反应。我用jQuery实现了这一点。我的一个朋友指出它在windows / IE上没有那么顺利(我使用的是mac),他建议我使用CSS Transitions。

我尝试了这个,但现在(在与链接不同的版本中),例如,菜单栏的扩展被触发,但动画刚刚触及触发器时完成。这不是我想要的。我希望动画与用户滚动“链接”。

我的问题是;这可能是CSS Transitions还是我应该坚持使用jQuery?如果我必须坚持使用jQuery,是否有针对斑点动画的解决方案?

非常感谢!

1 个答案:

答案 0 :(得分:1)

特定情况下“CSS Transitions”的问题在于,您希望将其链接到scroll事件。要做到这一点,你将依赖Js / jQuery来调用正确的“过渡”,实际上已经存在复制工具。

我的建议是使用响应更快的 jQuery 插件来制作使用“CSS Transitions”卸载作品的动画。

更好:使用velocity.js库。