87,910
社区成员
发帖
与我相关
我的任务
分享如何将滚动条固定在底部
写了一个聊天的东西，需要让滚动条固定在底部，网上查了方法 $('#messageBox').scrollTop( $('#messageBox')[0].scrollHeight );，并不起作用，直接scrollTop（30000000）也不起作用，想问下还有没有方法
...全文
请发表友善的回复…
发表回复
天际的海浪 2017-07-26
- 打赏
- 举报
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
#gk {
width: 300px;
height: 300px;
border: 1px solid #999;
overflow-y: scroll;
}
</style>
</head>
<body>
<div id="gk"></div>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var n = 1;
var obj = $("#gk");
setInterval(function(){
obj.append("<p>"+(n++)+"</p>");
obj.scrollTop(99999999);
}, 500);
</script>
</body>
</html>
