Jquery 跨浏览器滚动事件问题

Jquery Cross-Browser Scroll Event Issues

我有一个 jquery 函数,可以在用户滚动项目时为项目设置动画。

我的一项 "stops" 用户并防止自然滚动发生。

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

目前它似乎在 Firefox 上完美运行,但是在 IE 和 Chrome 上我遇到了抖动效果。使用键盘箭头键时似乎较少出现,而使用滚轮或滚动条时出现较多。我有一些理论,但我测试过的一切似乎都让我相信我的解决方案是正确的。

这是开发环境的 link,该项目仅在稍微滚动后出现,很明显是哪一个。任何见解将不胜感激!

Dev Environment

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

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

希望这可以帮助遇到此问题的其他人。