如何删除mCustomscrollbar？

Question

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

Answer 1

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

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

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

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

最后你只需要创建一个window resize（）监听器并根据窗口大小创建条件。

部分功能示例：

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

我有一个有效的例子，但我没有测试上面的代码，但你得到了这个想法。