如何删除mCustomscrollbar？

Question

我正在使用Jquery mCustomScrollBar插件在我的项目中创建自定义滚动条。但我不想在我的网页中有任何滚动条，一旦他们被重新调整到650以下。还有另一个问题，当我调整窗口大小时，会有多个滚动条出现。谁能教我怎么解决这两个问题？提前谢谢你。

Answer 1

如果你通过javascript函数调用一个自定义的滚动条，那么你代码的第一行应该是清除任何自定义的滚动条。

$(selector).mCustomScrollbar('destroy');

然后将您的自定义滚动条初始化为相同的选择器

$(selector).mCustomScrollbar({ your options here });

最后，您只需创建一个window resize()侦听器，并根据窗口大小创建条件。

Partial函数示例：

function initCustomScrollbar() {
    var $selector = $(selector);
    $selector.mCustomScrollBar('destroy');
    $selector.mCustomSCrollbar({ yourOptionsHere });
    $(window).resize(function() {
        if(window.innerWidth > 1000) {
            initCustomScrollbar();
        } else {
            $selector.mCustomScrollBar('destroy');
        }
    });

我有一个工作的例子，但是我没有测试上面的代码，你可以理解我的想法。