Как удалить 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'); 
     } 
    }); 

У меня есть рабочий пример, но я не проверял код, приведенный выше, вы получите идею, хотя.