这里的 #content 代表的是带有滚动条的div,下面的代码实现了在有数据不团添加进去时滚动条一直在div底部的功能。
这里的这段代码需要放置在 动态添加数据的jQuery方法体里面。(为了保证每一次添加一次数据都要更改一下滚动条的位置)
$('#content').scrollTop($('#content')[0].scrollHeight);
实例:
function broadcastInvake(data) {
var mess = data.body;
var nick = data.nick; // 名字时间
var uid = data.uid;
var time = data.time; //时间
mess = replace_em(mess); //消息体
var html = '<div class="information"><p style="text-align: center"><span class="label label-info">'+time+'</span> </p><div id="imgname" ><div class="xingming">'+nick+'</div><img class="touxiang" src="./image/ooo.jpg" > </div><div class="send"><div class="arrow"></div><div class="wenzi">'+mess+'</div></div></div>';
$("#content").append(html); //jQuery动态添加数据
$('#content').scrollTop($('#content')[0].scrollHeight);
};