三種方法實現Javascript控制ScrollBar(滾動條)
作者:admin
Javascript中滾動條還是比較實用的,于是我研究了一下如何用Javascript控制ScrollBar,這里和大家分享一下幾種控制ScrollBar(滾動條)的方法。
本文向大家重點講解一下ScrollBar(滾動條)的控制,這里提供了三種方法來實現用Javascript控制ScrollBar(滾動條),希望通過本文的學習你對控制滾動條的方法有深刻的認識。
用Javascript控制ScrollBar(滾動條)
以下都是默認自動滾動到底部,需要滾動到頂部只需將document.body.scrollHeight換為0.
方法一:用scroll方法實現
- <body onload="scroll(0,document.body.scrollHeight) ">
- <script>
- document.write(new Array(100).join("<br>"))
- </script>
方法二:用scrollBy方法實現
- <body onload="scrollBy(0,document.body.scrollHeight) ">
- <script>
- document.write(new Array(100).join("<br>"))
- </script>
方法三:用scrollTo方法實現
- <body onload="scrollTo(0,document.body.scrollHeight)">
- <script>
- document.write(new Array(100).join("<br>"))
- </script>
如果是在框架中,需要控制框架的ScrollBar,那么要加parent,例如parent.scrollTo(0,0);
【編輯推薦】
- 使用Javascript巧妙獲取滾動條位置
- JavaScript fixed()方法語法淺析
- IE6.0中使用Javascript支持png格式圖片
- Javascript中CSS屬性float特殊寫法
- Javascript巧妙解決img做網站異常提交問題
責任編輯:佚名
來源:
lukiya.com