css層滾動條

2020-10-23 18:35:43

字體：大中小

來源：轉載

供稿：網友

<html> <head><title>層滾動條DIY - Powered by yexj00</title> <style>  </style> <script language="Javascript">  </script> <script language="Javascript">  </script> </head> <body onload="setbarHeight()"> <div   class="iwvjtn8m0"   id="outerDiv" style="position:absolute; left:100px; top:50px; width:130px; height:130px">   <div   class="iwvjtn8m0"   id="scroll_content" style="position:absolute; padding:2px; left:2px; top:5px; width:100px; height:100px; border:1px solid #cccccc; overflow: hidden">  <script language="Javascript">  </script>    </div>   <div   class="iwvjtn8m0"   id="up_btt" style="position:absolute; left:104px; top:5px; width:8px; height:16px; background:#efefef; font-size:0px;border:1px outset #cccccc"></div>   <div   class="iwvjtn8m0"   id="scroll_area" style=" position:absolute; left:104px; top:22px; width:8px; height:66px;font-size:0px; background:#efefef">       <div   class="iwvjtn8m0"   id="scroll_bar" style="position:absolute; left:0px; top:0px; width:8px; background:#efefef; font-size:0px;border:1px outset #cccccc"></div>   </div>   <div   class="iwvjtn8m0"   id="down_btt" style="position:absolute; left:104px; top:89px; width:8px; height:16px; background:#efefef;font-size:0px; border:1px outset #cccccc"></div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執行]

上一篇：字符不會撐大表格的常見css樣式

下一篇：div+css如何實現頁腳的置底