关于mCustomScrollbar自定义滚动条异步加载数据滚动条无效的问题

Question

有人用过这个滚动条插件没：mCustomScrollbar；
在我进行异步加载的过程中，回调函数中的滚动条update无效：

$.ajax({
        type: "post",
        url: urlStr,
        dataType: 'html',
        success: function(data) {
            $(".main_body_con").html(data);
            console.log(1);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown)
        {
            alert('访问网络失败！' + errorThrown+urlStr);
        },
        complete: function(){
            console.log($(".main_body_con").html());
            console.log(2);
            $(".main_body_con").mCustomScrollbar("update");
        }
    });

官方文档里面说使用ajax的回调函数，调用mCustomScrollbar("update")，可以重新加载滚动条，可是我添加了无效。求高手解答。

Answer 1

$.ajax({
        type: "post",
        url: urlStr,
        beforeSend: function() {
                    $(".main_body_con").mCustomScrollbar("destroy"); //Destroy
                },
        dataType: 'html',
        success: function(data) {
            $(".main_body_con").html(data);
            console.log(1);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown)
        {
            alert('访问网络失败！' + errorThrown+urlStr);
        },
        complete: function(){
            console.log($(".main_body_con").html());
            console.log(2);
            $(".main_body_con").mCustomScrollbar({
                        mouseWheel:true,
                        theme:"dark-thick",
                        scrollButtons:{
                            enable:true
                        }
                    });
        }
    });

Answer 2

踩坑许久，终于解决了，只需要加上这个就可以了
$(".main_body_con").mCustomScrollbar({

 mouseWheel:true,
 scrollButtons:{
    enable:true
 },
 advanced:{ 
    updateOnContentResize:true
}

});

Answer 3

要沉了么，有知道的帮助一下我吧

Answer 4

在你追加后，马上就调用。
$(".info-area").find("ul").append(str);
$("#sendInfoList").mCustomScrollbar("update");

Answer 5

执行异步加载的函数之前

$("(".main_body_con").mCustomScrollbar("destroy");
执行完后
$(".main_body_con").mCustomScrollbar({
                    mouseWheel:true,
                    scrollButtons:{
                        enable:true
                    }
                });
                尽量不要把mCustomScrollbar写在$.ajax中

Answer 6

我也踩了一次坑，说说我的一些发现吧，当调用mCustomScrollbar之后，插件会在你的div里面生成更多的DIV，其中滚动的元素放在一个div里面，如果你想动态添加内容到滚动的内容里面，就需要把内容插入这个div，而不是之前的div。

Answer 7

在请求ajax之前 调用：
$(".Scrollbar .barY").data("mCS", ''); //手动销毁

ajax的success方法内部成功加载了html之后调用：

  //重新初始化加载mCustomScrollbar
                    $(".Scrollbar .barY").mCustomScrollbar();

Answer 8

mCustomScrollbar自定义滚动条和ajax结合使用你是如何编写的？我这里一旦用了ajax动态加载数据插件就会失效，也不报错。但是本地是死数据却能用，这是什么原因呢？