javascript - 使用 slimscroll 时浏览器滚动条有时不起作用

Question

我正在使用jquery.slimscroll替换浏览器的 native 滚动条。

我发现有时使用它会导致浏览器的 native 滚动条不响应鼠标滚动。

这样一个案例:与元素上可排序的 jqueryui 一起使用。不知何故，重新渲染元素后，浏览器滚动条停止工作。我可以在每个浏览器中一致地重现它，并且我编写了一个 jsfiddle 来重现它:

Fiddle

function rerender(){
$("#wrapper").html($("#content").html());
$("#container").sortable({axis:"y",stop:function(){
    rerender();
}});
$("#container").slimScroll(
    {railVisible:true, height:"70px",start:"bottom"});
};

rerender();

其他场合也会出现这种情况，所以这个问题可能与jqueryui sortable无关。

有人遇到类似的问题吗？您是如何解决的？

Answer 1

我认为问题在于 slimScroll 处理滚轮事件的方式 - 它附加到窗口元素，因此当您重新创建包装器 html 时，您会删除以前的可滚动元素，但鼠标滚轮处理程序仍然存在并阻止窗口滚动。因此，理论上您必须在更新包装器 html 之前销毁自定义滚动条，然后重新初始化滚动条。但实际上 slimScroll 没有 destroy 方法。

还有很多其他滚动条插件您可以尝试:jQuery Scrollbar , jScrollPane , Malihu Custom Scrollbar和其他...您可以比较它们的功能 here