有個需求，要在顯示聊天框時，固定框的大小為300px高度，寬度50px左右，然后當(dāng)聊天內(nèi)容超出寬度或者高度時會出現(xiàn)滾動條，并且垂直滾動條要默認(rèn)最底部，以便顯示最新消息，水平滾動條一般都是默認(rèn)最左，這里列出默認(rèn)最底部以及默認(rèn)最右邊的方法的代碼：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>實現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊</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學(xué)習(xí)DIV+CSS技術(shù)。大家可以通過DIVCSS5主站上的所有免費CSS教程足可學(xué)會DIV CSS技術(shù) -如果需要深入系統(tǒng)學(xué)習(xí)、較短時間達到理想學(xué)習(xí)效果可參加DIV+CSS培訓(xùn)班學(xué)習(xí)。</div></body> </html> 以上這篇實現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
