0

JSFiddle

HTML

<ul class="menu" data-mcs-theme="dark">
  <li><a href="#" id="view-all">View All</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li>  
</ul>

CSS

.menu {
    height: 100px;
    overflow: hidden;
}
.menu li {
    list-style: none;
}

JS

$('#view-all').click(function(){
   $('.menu').addClass('mCustomScrollbar');
});

[すべて表示] をクリックすると、JS はクラス 'mCustomScrollbar' を追加しますが、カスタム スクロールは機能しませんか? 事前にすべてに感謝します!

4

1 に答える 1

3

次のように、スクロールバーを開始します。

$('#view-all').click(function(){
    $(".menu").mCustomScrollbar();
});

フィドル

于 2015-11-04T12:43:01.150 に答える