jscrollpane或滚动溢出-y并使内容保持在面板底部

时间:2011-04-17 06:47:04

标签: jquery scroll jscrollpane

我希望主题是有道理的。

我正在开发实时聊天支持区域。聊天区域高度为300px,我遇到问题,当聊天消息超过300px时,垂直滚动条显示,每当客户或操作员输入消息时,它始终保持在顶部。

如果我能用简单的CSS完成它,我对使用js并不特别感兴趣。我能找到的更接近的例子是jscrollpane,它显示了一个自动重新初始化的例子,但我看到的结果与我所拥有的简单溢出y完全相同。 http://jscrollpane.kelvinluck.com/auto_reinitialise.html 我想知道是否不可能使内容保持在面板底部(容器的底部)?

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您使用的是最新版本的jScrollPane,则可以传入stickToBottom设置。这将确保在添加新内容时jScrollPane粘到底部(但仅当滚动窗格已经存在时)已滚动到底部 - 否则将无法在任何其他地方滚动。

我在这里整理了一个演示: http://jsfiddle.net/F9EsN/