如何刪除mCustomscrollbar？

Question

我正在使用Jquery mCustomScrollBar插件在我的項目中創建自定義滾動條。但我不想在我的網頁上有任何滾動條，一旦它們在650以下重新調整大小。還有一個問題，當我調整窗口大小時，會出現多個滾動條。任何人都可以告訴我如何解決這兩個問題？提前感謝你。

Answer 1

如果您通過javascript函數調用自定義滾動，則代碼的第一行應該是清除任何自定義滾動條。

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

然後初始化您的自定義滾動條同樣的選擇

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

在快結束的，你只需要創建一個窗口大小調整（）監聽器，並創建一個基於窗口大小的條件。

部分功能例如：

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

我有一個工作的例子，但我沒有測試上面的代碼，你的想法雖然。