clear previous css settings

Question

Я работаю над отзывчивым веб-дизайном. Я написал плагин jQuery, часть которого добавляет smart_scrollbar claass к двум divs, когда view-port> 786, а затем добавляет perfectScrollbar() http://www.yuiazu.net/perfect-scrollbar/ в smart_scrollbar и удаляет класс, когда порт представления < 786. Мой класс класса удаляет порт просмотра < 786, но функциональность все еще остается. Мне нужно как-то очистить это поведение jquery.

$(window).bind('load resize', function() { 

var viewport_width = $(window).width() 

    if (viewport_width > 768) { 


      //***************Add Scrollbar to panels***************// 

      $(".Functions_Panel_Wrapper").addClass("smart_scrollbar") 

      $(".Function_Page_Wrapper").addClass("smart_scrollbar") 

      $(".smart_scrollbar").perfectScrollbar(); 


     } 
     else if (viewport_width < 768) { 

      //***************Remove Scrollbar From panels***************// 

      if ($(".Functions_Panel_Wrapper").hasClass("smart_scrollbar")) 
      { 

       $(".Functions_Panel_Wrapper").removeClass("smart_scrollbar") 


      } 

      if ($(".Function_Page_Wrapper").hasClass("smart_scrollbar")) 
      { 

       $(".Function_Page_Wrapper").removeClass("smart_scrollbar") 
      } 
     } 
} 

Answer 1

С GitHub documentation, вы можете использовать это, чтобы удалить полосы прокрутки:

$(".smart_scrollbar").perfectScrollbar('destroy'); 

Таким образом, вы можете попробовать это:

$(window).bind('load resize', function() { 
    var viewport_width = $(window).width() 
    if (viewport_width > 768) { 
     //***************Add Scrollbar to panels***************// 
     $(".Functions_Panel_Wrapper").addClass("smart_scrollbar") 
     $(".Function_Page_Wrapper").addClass("smart_scrollbar") 
     $(".smart_scrollbar").perfectScrollbar(); 
    } else if (viewport_width < 768) { 
     //***************Remove Scrollbar From panels***************// 
     if ($(".Functions_Panel_Wrapper").hasClass("smart_scrollbar")) { 
      $(".Functions_Panel_Wrapper").removeClass("smart_scrollbar") 
     } 
     if ($(".Function_Page_Wrapper").hasClass("smart_scrollbar")) { 
      $(".Function_Page_Wrapper").removeClass("smart_scrollbar") 
     } 
     $(".smart_scrollbar").perfectScrollbar('destroy'); 
    } 
}