實現(xiàn)div滾動條默認最底部以及默認最右邊的示例代碼
更新時間：2017年11月15日 09:06:28 作者：qq_27511945
下面小編就為大家分享一篇實現(xiàn)div滾動條默認最底部以及默認最右邊的示例代碼，代碼非常簡潔，具有很好的參考價值，希望對大家有所幫助
有個需求，要在顯示聊天框時，固定框的大小為300px高度，寬度50px左右，然后當聊天內(nèi)容超出寬度或者高度時會出現(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測試內(nèi)容，歡迎來到DIVCSS5學習DIV+CSS技術(shù)。大家可以通過DIVCSS5主站上的所有免費CSS教程足可學會DIV CSS技術(shù) -如果需要深入系統(tǒng)學習、較短時間達到理想學習效果可參加DIV+CSS培訓班學習。
</div>
</body>
</html>
以上這篇實現(xiàn)div滾動條默認最底部以及默認最右邊的示例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript中的關(guān)于類型轉(zhuǎn)換的性能優(yōu)化
類型轉(zhuǎn)換是大家常犯的錯誤，因為JavaScript是動態(tài)類型語言，你不能指定變量的類型。2010-12-12
JavaScript校驗Number(4,1)格式的數(shù)字實例代碼
這篇文章主要介紹了JavaScript校驗Number(4,1)格式的數(shù)字實例代碼,本文實現(xiàn)思路明確代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
第一次接觸神奇的Bootstrap，Bootstrap提供了用戶友好、擴瀏覽器的解決方案,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
js網(wǎng)頁中的(運行代碼)功能實現(xiàn)思路
網(wǎng)頁中的"運行代碼"是一個很方便的功能，可以直接看到代碼的效果，感興趣的朋友不妨參考下，或許對你學習js有所幫助，好了花不多說切入正題2013-02-02
javascript+css實現(xiàn)單擊顏色褪去效果
javascript+css實現(xiàn)單擊顏色褪去效果...2007-08-08
基于bootstrap-datetimepicker.js不支持IE8的快速解決方法
下面小編就為大家?guī)硪黄赽ootstrap-datetimepicker.js不支持IE8的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了javascript圖片預加載實現(xiàn)方法,以完整實例形式分析了JavaScript圖片預加載顯示的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
詳解JavaScript中的強制類型轉(zhuǎn)換和自動類型轉(zhuǎn)換
這篇文章中我們將深入探索一下 JavaScript 中的類型轉(zhuǎn)換,揭示強制類型轉(zhuǎn)換、自動類型轉(zhuǎn)換和轉(zhuǎn)換函數(shù)的奧秘,快跟隨小編一起學習一下吧2023-12-12
這篇文章主要介紹了js如何實現(xiàn)input的賦值問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
微信小程序中使用echarts方法(全網(wǎng)最詳細教程!)
現(xiàn)在越來越多的項目都在使用可視化的功能,那么使用echarts實現(xiàn)是一種不錯的選擇,下面這篇文章主要給大家介紹了關(guān)于小程序中使用echarts的方法,本文介紹的方法應該是全網(wǎng)最詳細教程,需要的朋友可以參考下2023-06-06