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