通过Ajax使用自定义滚动条将内容添加到元素

亚当·巴拉尼(Adam Baranyai)

让我们以下面的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...");

可能是什么问题呢?

亚当·巴拉尼(Adam Baranyai)

找到解决方案。创建上述任何滚动条时,它们会将两个容器添加到连接的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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过Ajax使用自定义滚动条将内容添加到元素

来自分类Dev

将描边/轮廓添加到自定义滚动条

来自分类Dev

将滚动条添加到自定义视图

来自分类Dev

Textarea和自定义滚动条-jQuery自定义内容滚动条

来自分类Dev

Textarea和自定义滚动条-jQuery自定义内容滚动条

来自分类Dev

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

来自分类Dev

通过addSubview向NSScrollView添加自定义视图时,没有滚动条出现

来自分类Dev

将滚动条添加到<textarea>

来自分类Dev

将垂直滚动条添加到WPF网格

来自分类Dev

将滚动条添加到Qwidget

来自分类Dev

将滚动条添加到JFrame

来自分类Dev

将Libgdx滚动条添加到TextArea

来自分类Dev

如何将滚动条添加到网格

来自分类Dev

将垂直滚动条添加到JTextArea

来自分类Dev

将滚动条添加到表

来自分类Dev

将滚动条添加到FlowLayout

来自分类Dev

CSS将滚动条添加到模式窗口

来自分类Dev

将滚动条添加到警报中

来自分类Dev

使用WordPress中的高级自定义字段将内容动态添加到Bootstrap Modal

来自分类Dev

VBA使用UserForm变量自定义滚动条

来自分类Dev

使用 css 或 jquery 自定义滚动条 firefox

来自分类Dev

自定义滚动条箭头

来自分类Dev

自定义Jtable滚动条

来自分类Dev

自定义滚动条箭头

来自分类Dev

镀铬的自定义滚动条

来自分类Dev

如何将鼠标滚轮滚动添加到垂直滚动条或滚动区域?

来自分类Dev

将滚动条添加到div而不是滚动整个页面

来自分类Dev

Android将数据添加到自定义布局和滚动视图

来自分类Dev

使用SonataAdminBundle将多选内容作为自定义表单字段添加到我的表单