Native scrollbars are visible when using multiple nanoScrollers about nanoscrollerjs

[jamesflorentino]

Hi Peter, can you setup a jsfiddle example of this instance? Thanks!

[petervangrieken]

Hi James,
I couldn't get it working on jsfiddle, so I made a small demopage: http://petervangrieken.nl/demo/

[jamesflorentino]

@petervangrieken , try this code instead.

$("#first .nano").nanoScroller();
$("#second .nano").nanoScroller();
$("#third .nano").nanoScroller();

The reason is that the plugin only applies the custom scrollbar mechanism to specific DOM elements.

[petervangrieken]

That works like a charm. Thanks!

[jamesflorentino]

Cheers, Peter!

[petervangrieken]

Another solution would be:

$('.nano').each( function() {
  $(this).nanoscroller();
});

when i try the first solution everything stops working and i get this error:

TypeError: 'undefined' is not an object (evaluating 'pane.addEventListener')