Geek asks and answers

NiceScroll does not work after loading AJAX

I have a problem with Nice Scroll. It works fine, but when I upload AJAX images, it doesn't work. I wonder when I resize the window, open Firebug or something else, it starts working.

What can I do to do this automatically?

I tried:

setTimeout(function(){
    $("window").trigger('resize');
}, 0);

Following the AJAX download function, but it does not work.

+5
source share
3 answers

When the content of your div changes, you need to call the nicescroll resizing method.

$("your-div-name").getNiceScroll().resize()

Keep in mind that if the image size is not set in the img tag, you need to cause a resize when all the images are fully loaded.

+12
source

InuYaksa , mouseover .

// Call resize whenever mouse
$("#scroll-area").mouseover(function() {
  $("#scroll-area").getNiceScroll().resize();
});

from: http://eureka.ykyuen.info/2013/05/07/jquery-nicescroll-plugin-doesnt-work-for-dynamic-content/

.

//in the case of scrolling content loaded via AJAX
    $(document).on('mouseover','#scroll-area', function () {
       $(this).getNiceScroll().resize();
    });

viewport/wrap

$(document).on('mouseover','#scroll-wrap', function () {

    var widget_wrap=$(this);
    var widget_viewport=$(this).parent();

    widget_viewport.getNiceScroll(widget_wrap).resize();

});
+2

Please use the code below to solve your problem. It works great with ajax load.

$("MYSCROLLCONTAINERS").getNiceScroll().remove();
$("div[id^='ascrail']").remove();
jQuery("MYSCROLLCONTAINERS").niceScroll({
                autohidemode:false
            });

It worked for me.

0
source

More articles:


All Articles