我知道 stackoverflow 上存在类似的问题,但这无助于我解决我的问题,所以请不要将其标记为重复。这是类似的问题: NiceScroll - Leaving Original Scrollbar Intact
我之前使用的是 niceScroll 3.6.x,但移动浏览器不支持,比如在 android chrome 上,我无法滚动我的内容。所以我深入研究了这个问题并得到了解决方案,我只需要将插件库更新到 3.7.x,现在我使用的是最新的 3.7.6。完成此更新后,chrome 或移动浏览器问题已得到解决,但出现了一个更糟糕的新问题。在 ajax 调用或 UI 布局更改后,UI 上的滚动条/导轨不会被删除,导致它在 UI 上的许多地方显示滚动条。见下图:
我知道一种解决方案,使用以下代码手动删除所有滚动条,
$("div[id^='ascrail']").remove();
但这将删除所有滚动条,并且在我的页面上,我有大约 3 或 4 个不同的 niceScroll 内容部分,而不仅仅是一个。
另外我注意到的另一件事是,在我的滚动内容之一中有一个 ajax 调用并且内容会自动更改,在 ajax 调用之后我重新初始化 nicescroll 并且每次在滚动条上它都会删除最后一个滚动条阴影。见下图: