欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2017年11月15日 09:06:28   作者：qq_27511945  
下面小編就為大家分享一篇實(shí)現(xiàn)div滾動條默認(rèn)最底部以及默認(rèn)最右邊的示例代碼，代碼非常簡潔，具有很好的參考價值，希望對大家有所幫助

有個需求，要在顯示聊天框時，固定框的大小為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>實(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" 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主站上的所有免費(fèi)CSS教程足可學(xué)會DIV CSS技術(shù) -如果需要深入系統(tǒng)學(xué)習(xí)、較短時間達(dá)到理想學(xué)習(xí)效果可參加DIV+CSS培訓(xùn)班學(xué)習(xí)。
</div>
</body> 
</html>

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

相關(guān)文章

最新評論