添加新元素后,mCustomScrollbar不会更新

时间:2017-07-31 03:48:08

标签: javascript jquery html mcustomscrollbar

我在jsfiddle的完整代码。在我通过jquery添加新的列表元素后,我使用更新滚动条更新新列表但新列表溢出标记ul存储它。

此代码用于创建动态列表元素(jsfiddle中的第46-50行):

    var d = new Date();
    var currentYear = d.getFullYear();
        for (var i=1990; i<=currentYear; i++) {
        $("#expandYear ul").append("<li><a href=\"#\">"+ i +"</a></li><li role=\"separator\" class=\"divider\"></li>");
    }

此代码更新mcustom滚动条(jsfiddle中的第52-61行):

   $("#expandYear ul").mCustomScrollbar({ 
      advanced:{ 
         updateOnContentResize: true,
         updateOnImageLoad: true,
         updateOnSelectorChange: "ul",
         updateOnSelectorChange: "ul li",
      } 
   });

   $("#expandYear ul").mCustomScrollbar("update");

我使用的库自定义滚动条:http://manos.malihu.gr/jquery-custom-content-scroller

谢谢!

1 个答案:

答案 0 :(得分:1)

尝试从mCustomScrollbar元素中删除ul类 - 这会搞乱溢出的CSS,无论如何,插件会在初始化后为您添加。