jquery - 如何删除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');
        }
    });

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