Jquery跨浏览器滚动事件问题

时间:2015-02-02 23:18:46

标签: jquery scroll cross-browser

我有一个jquery函数,当用户滚动它们时会动画项目。

我的一件物品"停止"用户并防止自然滚动发生。

相反,它将自然滚动转换为项目的进度条,向下滚动使项目完成100%,然后自然滚动恢复。

目前它似乎在Firefox上完美运行,但是在IE和Chrome上我遇到了抖动效应。使用键盘方向键时似乎发生的情况较少,而滚轮或条形图则更多。我有一些理论,但我测试的所有内容似乎都让我相信我的解决方案是正确的。

这里是一个指向开发环境的链接,该项目仅在稍微滚动之后发生,并且很明显它是哪一个。任何见解将不胜感激!

Dev Environment

1 个答案:

答案 0 :(得分:0)

虽然不是一个完美的解决方案,但代码经过重新编写,由更具体的个别元素处理。

例如,我没有使用.scroll方法来处理问题(通过在.scroll期间滚动导致递归循环),而是通过不同的滚动方法(箭头键,滚轮,滚动条)处理交互。并且能够分离行为。

希望这可以帮助其他人偶然发现这一点。