jQuery——滚动条底部显示

这里的 #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);
	    

	};