三種方法實現Javascript控制ScrollBar(滾動條)

在Javascript中有三種方法能夠控制滾動條的位置,下面我們就分別來看看吧!

       方法一:用scroll函數實現

        scroll(x,y);

        x代表橫向滾動條的位置,也就是控制左右位置,當爲0時代表最左邊,當爲document.body.scrollWidth時代表最右邊

        y代表縱向滾動條的位置,也就是控制上下位置,當爲0時代表最上面,當爲document.body.scrollHeight時代表最下面

       方法二:用scrollBy函數實現

        scrollBy(x,y);

        x和y代表的意思和第一個方法一樣;-)

       方法三:用scrollTo函數實現

        scrollTo(x,y);

        x和y代表的意思和第一個方法一樣;-)

        另外順便說一句,如果你是在框架(Frame)中要控制父框架的滾動條,那麼要記得在函數前加parent,舉個例子來說就是parent.scroll(0,0);

 

用Javascript控制ScrollBar(滾動條)

以下都是默認自動滾動到底部,需要滾動到頂部只需將document.body.scrollHeight換爲0.

方法一:用scroll方法實現

  1. <body onload="scroll(0,document.body.scrollHeight) ">   
  2. <script>   
  3. document.write(new Array(100).join("<br>"))   
  4. </script>   

方法二:用scrollBy方法實現

  1. <body onload="scrollBy(0,document.body.scrollHeight) ">   
  2. <script>   
  3. document.write(new Array(100).join("<br>"))   
  4. </script>   
  5.  

方法三:用scrollTo方法實現

  1. <body onload="scrollTo(0,document.body.scrollHeight)">   
  2. <script>   
  3. document.write(new Array(100).join("<br>"))   
  4. </script>   
  5.  

如果是在框架中,需要控制框架的ScrollBar,那麼要加parent,例如parent.scrollTo(0,0);
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章