Why addClass() is not working? Use mCustomScrollbar

Question

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');
});

When I click on 'View All' the JS add class 'mCustomScrollbar' but custome scroll dosn't work? Тhanks to all in advance!

You have to initiate the scrollbar like: `$(".menu").mCustomScrollbar();` — Sujata Chanda, Nov 04 '15 at 12:40

score 3 · Accepted Answer · answered Nov 04 '15 at 12:43

3

Initiate the scrollbar, like this:-

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

Fiddle

answered Nov 04 '15 at 12:43

Sujata Chanda

3,355
2
21
35

Why addClass() is not working? Use mCustomScrollbar

1 Answers1