jquery - 如何删除mCustomscrollbar？

我正在使用Jquery mCustomScrollBar插件在我的项目中创建自定义滚动条。但是，我不希望在将它们的大小调整为650以下之后，在我的网页中有任何滚动条。还有另一个问题，当我调整窗口大小时，多个滚动条即将出现。谁能告诉我如何解决这两个问题？预先感谢您。

最佳答案

如果要通过javascript函数调用自定义滚动，则代码的第一行应该是清除所有自定义滚动条。

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

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

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

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

部分函数示例:

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

我有一个有效的示例，但是我没有测试上面的代码，但是您明白了。