通过ajax使用自定义滚动条向元素添加内容

Question

让我们以下面的div为例。 div很小，因为我打算给它添加一个滚动条。

<div id='main' style='height:300px; overflow-y: auto;'>
   <!-- Content that is long enough to require a scrollbar... -->
</div>

我们假设我使用以下命令在此div（malihu或jscrollpane）上初始化自定义滚动条：

jQuery("#main").jScrollPane(); // for jscrollpane
jQuery("#main").mCustomScrollbar(); // for malihu

暂时可以正常工作，但是当我动态地向div添加数据时，它不会出现在div中，并且不会调整滚动条：

jQuery("#main").append("Add this data to the div...");

可能是什么问题？

Answer 1

找到解决方案。在创建上述任何滚动条时，它们会将两个容器添加到附加到的div中。您必须将内容附加到这些容器，而不是基本div。

例如，要将内容添加到jscrollpane滚动条，请使用：

 jQuery("#main").find(".jspPane").html("Data to be added...");

对于马利胡，你会使用：

jQuery("#main").find(".mCSB_container").html("Data to be added...");