Scroll 使用响应引导主题时滚动速度慢
我使用的是Bootstrap3模板,我注意到一些模板上的滚动不平滑,有点颠簸。我甚至不知道该找什么。这只发生在Chrome中。在Safari或Firefox中不会发生这种情况 这是javascript还是css问题?我以前从未遇到过这个问题 这似乎在Chrome for mac中发生得更糟,但在Chrome for windows中也会发生 当我把窗户变小,然后再把它变大时,这种情况似乎就发生了。如果我让窗口保持相同的大小,它似乎滚动良好 链接:Scroll 使用响应引导主题时滚动速度慢,scroll,twitter-bootstrap-3,Scroll,Twitter Bootstrap 3,我使用的是Bootstrap3模板,我注意到一些模板上的滚动不平滑,有点颠簸。我甚至不知道该找什么。这只发生在Chrome中。在Safari或Firefox中不会发生这种情况 这是javascript还是css问题?我以前从未遇到过这个问题 这似乎在Chrome for mac中发生得更糟,但在Chrome for windows中也会发生 当我把窗户变小,然后再把它变大时,这种情况似乎就发生了。如果我让窗口保持相同的大小,它似乎滚动良好 链接: -->单击销售,然后在Chrome中调整窗口大小
-->单击销售,然后在Chrome中调整窗口大小,然后向下滚动,然后向上滚动。您会注意到它非常颠簸且不平滑问题在于主题使用的jquery.nicesroll插件,函数
jquery.fn.scrollTop
造成了问题,运行时cpu占用了75%以上的时间。我的解决办法是:
hAcceleration
是否设置为(默认值:true)- 从脚本文件夹中删除插件文件(jquery.nicesroll.js)
- 从所有文件中删除插件链接
- 从(unicorn.js)文件中删除插件功能行(21至36)、(49至66)、(149)
希望这会对您有所帮助。我们可以看到它的链接吗?我尝试了3.2.0,但它也有同样的问题。漂亮的卷轴还能做什么?我在多个操作系统上试用过它,我没有注意到工具栏上有什么不同。如果你现在去演示站点,我已经删除了尼斯滚动,但它仍然会出现。我复制它的方法是将窗口的大小调整得非常小,然后滚动,然后重新调整窗口的大小,然后再次尝试滚动。按照更新2,如果问题仍然存在,请告诉我,谢谢问题消失了,但看起来某些类(如“fixed”)没有被添加/删除,这意味着mobile中的菜单没有保持在顶部。我想这不是什么大问题,但是你认为$(window).scroll(function(){是问题吗?问题出在scrollTop函数中,当检查它时,我发现它的cpu使用率接近50%。