首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用自定义滚动条通过ajax向元素添加内容

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

Stack Overflow用户
提问于 2015-03-09 13:28:59
回答 1查看 249关注 0票数 1

让我们以下面的div为例。div很小,因为我打算在其中添加一个滚动条。

代码语言:javascript
运行
复制
<div id='main' style='height:300px; overflow-y: auto;'>
   <!-- Content that is long enough to require a scrollbar... -->
</div>

假设我在这个div (malihu或jscrollpane窗格)上初始化了一个自定义滚动条,例如,使用以下命令:

代码语言:javascript
运行
复制
jQuery("#main").jScrollPane(); // for jscrollpane
jQuery("#main").mCustomScrollbar(); // for malihu

这暂时还不错,但是当我动态地向div中添加数据时,它不会出现在div中,并且滚动条不会被调整:

代码语言:javascript
运行
复制
jQuery("#main").append("Add this data to the div...");

有什么问题吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-09 13:31:23

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

例如,要向scrollbar窗格滚动条添加内容,可以使用:

代码语言:javascript
运行
复制
 jQuery("#main").find(".jspPane").html("Data to be added...");

对于malihu,您可以使用:

代码语言:javascript
运行
复制
jQuery("#main").find(".mCSB_container").html("Data to be added...");
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28943209

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档