让我们以下面的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...");
有什么问题吗?
发布于 2015-03-09 13:31:23
找到了解决办法。在创建上述任何滚动条时,它们会将两个容器添加到附加到的div中。必须将内容附加到这些容器,而不是附加到基本div。
例如,要向scrollbar窗格滚动条添加内容,可以使用:
jQuery("#main").find(".jspPane").html("Data to be added...");
对于malihu,您可以使用:
jQuery("#main").find(".mCSB_container").html("Data to be added...");
https://stackoverflow.com/questions/28943209
复制相似问题