2014-02-09 22 views
6

我正在使用Jquery mCustomScrollBar插件在我的项目中创建自定义滚动条。但我不想在我的网页上有任何滚动条,一旦它们在650以下重新调整大小。还有一个问题,当我调整窗口大小时,会出现多个滚动条。任何人都可以告诉我如何解决这两个问题?提前感谢你。如何删除mCustomscrollbar?

+0

我的帖子是否回答你的问题? – dchayka

回答

12

如果您通过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'); 
     } 
    }); 

我有一个工作的例子,但我没有测试上面的代码,你的想法虽然。

+0

$(selector).mCustomScrollbar('destroy'); 给我一个错误:Uncaught TypeError:无法读取未定义的属性“autoUpdate” – aleXela

+0

@aleXela'selector'是您试图用jQuery包装的元素。有关如何做到这一点,请参阅https://api.jquery.com/id-selector/。 – dchayka

+0

我知道,谢谢)选择器只是一个例子。我的是不同的。但仍然 – aleXela