溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
有個需求，要在顯示聊天框時，固定框的大小為300px高度，寬度50px左右，然后當聊天內容超出寬度或者高度時會出現滾動條，并且垂直滾動條要默認最底部，以便顯示最新消息，水平滾動條一般都是默認最左，這里列出默認最底部以及默認最右邊的方法的代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>實現div滾動條默認最底部以及默認最右邊</title>
<script type="text/javascript" src="jquery文件地址"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scroll_div').scrollTop( $('#scroll_div')[0].scrollHeight);
$('#scroll_div').scrollLeft( $('#scroll_div')[0].scrollWidth);
});
</script>
<body>
<div id="scroll_div" >
DIVCSS5測試內容，歡迎來到DIVCSS5學習DIV+CSS技術。大家可以通過DIVCSS5主站上的所有免費CSS教程足可學會DIV CSS技術 -如果需要深入系統學習、較短時間達到理想學習效果可參加DIV+CSS培訓班學習。
</div>
</body>
</html>
以上這篇實現div滾動條默認最底部以及默認最右邊的示例代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
