Scroll 使用响应引导主题时滚动速度慢

Scroll 使用响应引导主题时滚动速度慢,scroll,twitter-bootstrap-3,Scroll,Twitter Bootstrap 3,我使用的是Bootstrap3模板,我注意到一些模板上的滚动不平滑,有点颠簸。我甚至不知道该找什么。这只发生在Chrome中。在Safari或Firefox中不会发生这种情况 这是javascript还是css问题?我以前从未遇到过这个问题 这似乎在Chrome for mac中发生得更糟,但在Chrome for windows中也会发生 当我把窗户变小,然后再把它变大时,这种情况似乎就发生了。如果我让窗口保持相同的大小,它似乎滚动良好 链接: -->单击销售,然后在Chrome中调整窗口大小

我使用的是Bootstrap3模板,我注意到一些模板上的滚动不平滑,有点颠簸。我甚至不知道该找什么。这只发生在Chrome中。在Safari或Firefox中不会发生这种情况

这是javascript还是css问题?我以前从未遇到过这个问题

这似乎在Chrome for mac中发生得更糟,但在Chrome for windows中也会发生

当我把窗户变小,然后再把它变大时,这种情况似乎就发生了。如果我让窗口保持相同的大小,它似乎滚动良好

链接:


-->单击销售,然后在Chrome中调整窗口大小,然后向下滚动,然后向上滚动。您会注意到它非常颠簸且不平滑

问题在于主题使用的jquery.nicesroll插件,函数
jquery.fn.scrollTop
造成了问题,运行时cpu占用了75%以上的时间。我的解决办法是:

  • 您使用的是jquery.nicesroll插件版本3.4.0当前使用的是最新版本
  • 如果没有按预期工作,请降级到3.2.0版。我正在将其用于我的站点,没有任何问题
  • 还要检查插件配置参数中的
    hAcceleration
    是否设置为(默认值:true)
  • 更新1:

    NiceCroll插件是一种解决方案,它可以使自定义滚动条与桌面、平板电脑和电话设备兼容,并覆盖浏览器“”的默认滚动条。“您没有看到差异,因为项目中使用的插件在浏览器窗口低于767px时工作”因此,如果您不需要另一个解决方案,您可以通过以下步骤从文件中删除插件:

    • 从脚本文件夹中删除插件文件(jquery.nicesroll.js)
    • 从所有文件中删除插件链接
    • (unicorn.js)文件中删除插件功能行(21至36)、(49至66)、(149)
    更新2:

    我对(unicorn.js)做了一些调整,然后替换了原来的


    希望这会对您有所帮助。

    我们可以看到它的链接吗?我尝试了3.2.0,但它也有同样的问题。漂亮的卷轴还能做什么?我在多个操作系统上试用过它,我没有注意到工具栏上有什么不同。如果你现在去演示站点,我已经删除了尼斯滚动,但它仍然会出现。我复制它的方法是将窗口的大小调整得非常小,然后滚动,然后重新调整窗口的大小,然后再次尝试滚动。按照更新2,如果问题仍然存在,请告诉我,谢谢问题消失了,但看起来某些类(如“fixed”)没有被添加/删除,这意味着mobile中的菜单没有保持在顶部。我想这不是什么大问题,但是你认为$(window).scroll(function(){是问题吗?问题出在scrollTop函数中,当检查它时,我发现它的cpu使用率接近50%。