如何删除 mCustomscrollbar？

Question

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

Answer 1

如果您通过 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');
        }
    });

我有一个工作示例，但我没有测试上面的代码，不过你明白了。