让我们以下面的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...");
可能是什么问题呢?
找到解决方案。创建上述任何滚动条时,它们会将两个容器添加到连接的div。您必须将内容附加到这些容器,而不是基本div。
例如,要将内容添加到jscrollpane滚动条,请使用:
jQuery("#main").find(".jspPane").html("Data to be added...");
对于malihu,您可以使用:
jQuery("#main").find(".mCSB_container").html("Data to be added...");
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句