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

Question

我正在使用一个bootstrap 3模板，并注意到一些滚动不顺畅和有点颠簸。我甚至不确定该寻找什么。这只发生在Chrome中。它不会发生在Safari或Firefox中。

这是javascript还是css问题？我以前从未碰过这个。

这似乎在Chrome for Mac中更糟糕，但也出现在chrome for windows中。

当我将窗口缩小然后再将其放大时，似乎会发生这种情况。如果我将窗口保持相同的大小，它似乎滚动得很好。

链接：

http://demo.phppointofsalestaging.com - ＆gt;单击“销售”，然后在Chrome中调整窗口大小，然后向下滚动，然后向上滚动。你会发现它非常颠簸而且不光滑

Answer 1

问题出现在与主题一起使用的 jquery.nicescroll插件中，函数jQuery.fn.scrollTop会产生问题，运行时需要超过75％的cpu。我的解决方案是：

1. 您正在使用 jquery.nicescroll插件版本3.4.0 使用当前的最新版本version 3.5.0 available。
2. 如果没有按预期工作，请降级到版本3.2.0我在我的网站上使用它没有任何问题。
3. 同时检查插件的配置参数中的 hwacceleration 是否设置为（默认值：true）。

更新1：

nicescroll插件是一种解决方案，可让自定义滚动条与桌面设备，平板电脑和手机设备兼容，并覆盖浏览器“more information her”的默认滚动条，“你没有看到差异，因为你的项目中使用的插件工作时，你的浏览器窗口在767px“下，所以如果你不需要它的另一个解决方案，你可以通过以下步骤从文件中删除插件：

• 从脚本文件夹中删除插件文件（jquery.nicescroll.js）。
• 从所有文件中删除插件链接。
• 从（unicorn.js）文件中删除插件功能行（21到36），（49到66），（149）。

更新2：

我对（unicorn.js），download it from her进行了一些调整，然后替换原来的。

希望这会对你有所帮助。