jquery - 是否可以将 css 转换链接到 scrollTop 值？

Question

我正在开发一个具有视差和一些滚动效果的网站，您可以在这里找到它:

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

如您所见，有些元素会对滚动位置使用react。我用 jQuery 实现了这一点。我的一个 friend 指出它在 windows/IE(我用的是 mac)上运行不顺畅，他建议我改用 CSS Transitions。

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

我的问题是；这可以用 CSS Transitions 实现还是我应该坚持使用 jQuery？如果我必须坚持使用 jQuery，是否有针对不稳定动画的解决方案？

非常感谢!

Answer 1

在您的特定情况下，“CSS Transitions”的问题在于您希望它链接到 scroll 事件。为此，无论如何您都将依赖 Js/jQuery 来调用正确的“转换”，从而有效地复制已经存在的工具。

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

更好:使用 velocity.js图书馆。