Removing nicescroll from element

[david-sabata]

I ran into some issues while trying to implement horizontally sliding navigation. That means there are side-by-side divs where only one is visible at the time and each one of them is scrollable using Nicescroll.

But when a div slides off the visible area, its scroll track still stays in the place.

I found nicescroll.remove() method, but it doesn't seem to do the job.
I even tried basic scenario where I initialized the nicescroll on an element and then removed it, but the track still stayed in the DOM and visible.

Could this be a mistake in my code? Is remove even supposed to be called from outside?
And most importantly - is there a way to completely remove all additional elements, bindings and all from an element?

[inuyaksa]

When you change position of a div with nicescroll you have to force refresh of rails position.
Call resize method so scrollbar position has updated.

Have a look at shuffle example, you can find some advice to manage movable divs:
http://www.areaaperta.com/nicescroll/dev/shuffle.html

[david-sabata]

You were right, combination of .resize().hide() (called after all jQuery effects finish) works!

I guess there is no need for real removing of NiceScroll from an element, so I close this issue.

Thank you for your great work! ;-)

[rbrickyboy]

Hi,
I got mine working fine using $("your element").niceScroll().remove();
make sure you set your element css to overflow:hidden so when it removes the niceScroll, browser doesn't replace it with default scrollbar,
Then at the callback just initialize it niceScroll again.

[leo9223]

@rbrickyboy I think $("#scrollingDiv").getNiceScroll().remove(); is better. Works for me.