實(shí)現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼

發(fā)布時(shí)間：2020-10-03 14:04:07 來源：腳本之家閱讀：442 作者：qq_27511945 欄目：web開發(fā)

有個(gè)需求，要在顯示聊天框時(shí)，固定框的大小為300px高度，寬度50px左右，然后當(dāng)聊天內(nèi)容超出寬度或者高度時(shí)會出現(xiàn)滾動條，并且垂直滾動條要默認(rèn)最底部，以便顯示最新消息，水平滾動條一般都是默認(rèn)最左，這里列出默認(rèn)最底部以及默認(rèn)最右邊的方法的代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>實(shí)現(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" >
  DIVCSS5測試內(nèi)容，歡迎來到DIVCSS5學(xué)習(xí)DIV+CSS技術(shù)。大家可以通過DIVCSS5主站上的所有免費(fèi)CSS教程足可學(xué)會DIV CSS技術(shù) -如果需要深入系統(tǒng)學(xué)習(xí)、較短時(shí)間達(dá)到理想學(xué)習(xí)效果可參加DIV+CSS培訓(xùn)班學(xué)習(xí)。
</div>
</body> 
</html>

以上這篇實(shí)現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

實(shí)現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽