Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery跨浏览器滚动事件问题_Jquery_Scroll_Cross Browser - Fatal编程技术网

Jquery跨浏览器滚动事件问题

Jquery跨浏览器滚动事件问题,jquery,scroll,cross-browser,Jquery,Scroll,Cross Browser,我有一个jquery函数,当用户滚动经过项目时,它可以为项目设置动画 我的一个项目阻止用户并防止自然滚动 相反,它将自然滚动变成项目的进度条,向下滚动使项目100%完成,然后自然滚动继续 目前,它似乎在Firefox上运行得很好,但在IE和Chrome上,我感觉到了一种不安的效果。使用键盘箭头键时,这种情况似乎发生得较少,而使用滚轮或滚动条时发生得较多。我有一些理论,但我所测试的一切似乎都让我相信我的解决方案是正确的 这里有一个到dev环境的链接,该项只需稍微滚动一下就可以出现,很明显它是哪一个

我有一个jquery函数,当用户滚动经过项目时,它可以为项目设置动画

我的一个项目阻止用户并防止自然滚动

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

目前,它似乎在Firefox上运行得很好,但在IE和Chrome上,我感觉到了一种不安的效果。使用键盘箭头键时,这种情况似乎发生得较少,而使用滚轮或滚动条时发生得较多。我有一些理论,但我所测试的一切似乎都让我相信我的解决方案是正确的

这里有一个到dev环境的链接,该项只需稍微滚动一下就可以出现,很明显它是哪一个。如有任何见解,将不胜感激


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

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


希望这能帮助其他在这方面遇到困难的人。

如果这能帮到你,Mac上的Safari会出现同样的抖动。谢谢你的评论,Mac上的Firefox怎么样?Firefox看起来不错,但Chrome上也会出现同样的抖动。