我正在做一个简单的聊天应用程序,我想修复一个div的滚动条总是在bottom.just这样
加载索引页时,滚动条必须位于底部
这是我的style.css
body{
font: 0.9em monospace;
}
.messages{
border: 1px solid #ccc;
width: 250px;
height: 210px;
padding: 10px;
overflow-y:scroll;
}
.message{
color: slategrey;
}
.message p{
margin: 5px 0;
}
.entry{
width: 260px;
height: 40px;
padding: 5px;
margin-top: 5px;
font: 1em fantasy;
}
这是我的index.PHP
<?PHP session_start(); $_SESSION['user'] = (isset($_GET['user']) === TRUE) ? (int) $_GET['user'] : 0; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" href="css/styles.css"></link> </head> <body> <div class="chat"> <div class="messages" id="messages"> </div> <textarea class="entry" placeholder="type here and press enter"></textarea> </div> <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="js/chat.js"> </script> </body>
我该如何设置,请帮我..
谢谢
解决方法
尝试这个jquery：
$(".messages").animate({ scrollTop: $(document).height() },"slow");
return false;
这里是小提琴：http://jsfiddle.net/EX6vs/
或指代元素的高度(许多同意是正确的方式),如下所示：
$(".messages").animate({ scrollTop: $(this).height() },"slow");
return false;
