js将滚动条scrollbar保持在最底部
浏览数：35 /
时间：2015年06月09日
js实现将div等滚动条(scrollbar)保持在最底部的方法，很多时候我们要让程序的滚动条保持在底部,如聊天室，下面将利用div+css+javascript实现保持滚动条在最底部。
代码如下,
<style type="text/css">
.cdiv{
background-color: white;
height: 100px;
width: 380px;
padding-left: 0;
overflow-y: scroll;
position: relative;
word-wrap: break-word;
overflow-x: auto;
text-align:left;
}
</style>
<div id="divmsg" class="cdiv"></div>
<input id="test" type="button" value="测试" />
<script type="text/javascript">
var test = document.getElementById("test");
var div = document.getElementById("divmsg");
test.onclick = function () {
div.innerHTML = div.innerHTML+"js实现将div等滚动条(scrollbar)保持在最底部<br/><br/>";
boxScroll(div);
}
function boxScroll(o){
o.scrollTop = o.scrollHeight;
}
</script>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
