實現(xiàn)div滾動條默認最底部以及默認最右邊的示例代碼
更新時間：2017年11月15日 09:06:28 作者：qq_27511945
下面小編就為大家分享一篇實現(xiàn)div滾動條默認最底部以及默認最右邊的示例代碼，代碼非常簡潔，具有很好的參考價值，希望對大家有所幫助
有個需求，要在顯示聊天框時，固定框的大小為300px高度，寬度50px左右，然后當聊天內容超出寬度或者高度時會出現(xiàn)滾動條，并且垂直滾動條要默認最底部，以便顯示最新消息，水平滾動條一般都是默認最左，這里列出默認最底部以及默認最右邊的方法的代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>實現(xiàn)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" style="overflow-y:scroll; overflow-x:scroll;width:50px; height:300px; border:1px solid #F00;">
DIVCSS5測試內容，歡迎來到DIVCSS5學習DIV+CSS技術。大家可以通過DIVCSS5主站上的所有免費CSS教程足可學會DIV CSS技術 -如果需要深入系統(tǒng)學習、較短時間達到理想學習效果可參加DIV+CSS培訓班學習。
</div>
</body>
</html>
以上這篇實現(xiàn)div滾動條默認最底部以及默認最右邊的示例代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
JavaScript利用canvas實現(xiàn)鼠標跟隨特效
canvas是一個很神奇的玩意兒，比如畫表格、畫海報圖都要用canvas去做。本文就來利用canvas制作個簡單的鼠標跟隨特效，快跟隨小編一起學習一下吧2022-10-10
Bootstrap 模態(tài)框多次顯示后臺提交多次BUG的解決方法
本篇文章主要介紹了Bootstrap 模態(tài)框多次顯示后臺提交多次BUG的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
純JavaScript實現(xiàn)實時反饋系統(tǒng)時間
這篇文章主要介紹了純JavaScript實現(xiàn)實時反饋系統(tǒng)時間的相關資料,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了javascript 中的繼承實例詳解的相關資料,需要的朋友可以參考下2017-05-05
用javascript獲得css中的屬性值的代碼...2007-08-08
下面小編就為大家?guī)硪黄猇C調用javascript的幾種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
淺析如何在Bash中調用Node運行JS文件進行數(shù)據(jù)通信
這篇文章主要來和大家探討在 Bash 中調用 Node 運行 JS 文件時如何進行數(shù)據(jù)通信,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-03-03
這篇文章主要為大家詳細介紹了JavaScript工具庫MyTools的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
Javascript Ajax異步讀取RSS文檔具體實現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實現(xiàn)，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了HTML界面登錄時的JS驗證方法,需要的朋友可以參考下2014-05-05