ajax调用后的jQuery自定义内容滚动条

Question

我在这里发现了很多关于此事的问题，但答案很少。 一些答案是advanced:{ updateOnContentResize: true }，我尝试过，它没有用。此外，其中一个答案是重新初始化.mCustomScroll关于ajax成功的功能，但它对我来说根本不起作用。 有没有通用的解决方案，或者我应该尝试一些其他可自定义的滚动库？

Answer 1

要更新已有自定义滚动条的元素的内容，您需要在.mCSB_container元素内添加/追加新内容（而不是直接添加到您调用mCustomScrollbar函数的元素）。 例如：

//scrollbar initialization 
$(".content").mCustomScrollbar();

//at some point later on (within another script, function, ajax call etc.)
$(".content .mCSB_container").append("new content...");
//or targeting a specific .mCSB_container element (usefull with nested scrollbars)
$("#mCSB_1_container").append("new content...");