叠加滚动条 - 无法使destroy（）方法起作用

Question

我在我的网站（https://github.com/KingSora/OverlayScrollbars）上使用OverlayScrollbars在我的每个部分中显示自定义滚动条。

出于设计原因，我想仅对宽度为1200像素的屏幕使用此自定义滚动条。

我在文档中读到了destroy（）方法，它正是我想要实现的：从自定义滚动条中清除任何样式的Dom（对我来说，当屏幕的宽度小于1200像素时）。

当我使用destroy（）方法时，我的控制台返回以下错误：

未捕获的TypeError：instance.destroy不是函数

我是JavaScript的新手，所以我尝试了不同的语法，但总是遇到同样的错误。

$（document）.ready（function（）{var $ window = $（window）;

function checkWidth() {
    var windowsize = $window.width();
    if (windowsize >= 1200) {
        //if the window is bigger 1200px wide then turn on ScrollBar..
      $(function() {
        var instance = OverlayScrollbars(document.querySelectorAll("section"), { });
      });
    }
    else if (windowsize < 1200) {
        //if the window is smaller than 440px wide then destroy ScrollBar..
      $(function() {
        var instance = OverlayScrollbars(document.querySelectorAll("section"), { });
        instance.destroy();
      });
    }
}
checkWidth();
$(window).resize(checkWidth);

});

Answer 1

试着用

var instance =$ ( '.section' ).overlayScrollbars ( { ... } ).overlayScrollbars()
instance.destroy()