How to reinitialize nanoScroller when its container is display:none

[topasi]

Thanks for the great plugin.

I am using this plugin now to my project, and I am also using bootstrap modal by default the modal is in hidden state (display:none) and appears when you toggle it. I used nanoScroller on the modal. The problem is why the slider wont appear.

what I found is when I resizing the browser or press F12, anything that changes the behavior of the screen the slider appears.

[kristerkari]

You have to have your element shown before re-initializing nanoscroller. That's because it will need to know the height of the element.

[topasi]

That's exactly my problem. I tried re-initialize the nanoScroller

$('#myModal').on('shown.bs.modal', function () {
$('.nano').nanoScroller();
});

but wont work either.

[kristerkari]

Maybe the element isn't still fully shown when 'shown.bs.modal' event fires?

Does this make any difference:

$('#myModal').on('shown.bs.modal', function () {
  setTimeout(function() {
    $('.nano').nanoScroller();
  }, 0);
});

[onvno]

@kristerkari This problem i just met.try this:

$('#myModal'').mouseover(function(){
$('.nano').nanoScroller();
})