我有一个运行聊天的html文档。收到新消息后,我用.append添加它。之后我想向下滚动到聊天窗口的底部。但由于某种原因,nicescroll不会完全向下滚动。
我的html元素:
<div class="chat"> // class chat is unique
<div id="chat_body">
<span id="new_messages">
//messages
</span>
</div>
</div>
jquery脚本:
$('#new_messages').append(messagehtml);
$('.chat').getNiceScroll(1).resize();
$('.chat').getNiceScroll(1).doScrollTop($('#chat_body').height() - 1, 1);
精彩滚动(1)因为网站上有另一个nicescroll元素。
在chrome开发者控制台中使用$('.chat').getNiceScroll(1).doScrollTop($('#chat_body').height() - 1, 1);
可以很好地完成。
我想知道为什么。也许.append
会慢下来?
答案 0 :(得分:0)
我面临同样的问题。我克服它的唯一方法是在内容的最后添加一个<br/>
。
答案 1 :(得分:0)
更改插件, 替换以下
(q=!1,e.stopImmediatePropagation(),e.preventDefault())
使用
(q=!1,e.stopImmediatePropagation())