三种方法实现Javascript控制ScrollBar(滚动条)

转载地址：http://developer.51cto.com/art/201009/228887.htm

本文向大家重点讲解一下ScrollBar(滚动条)的控制，这里提供了三种方法来实现用Javascript控制ScrollBar(滚动条)，希望通过本文的学习你对控制滚动条的方法有深刻的认识。

用Javascript控制ScrollBar(滚动条)

以下都是默认自动滚动到底部，需要滚动到顶部只需将document.body.scrollHeight换为0.

方法一：用scroll方法实现

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

方法二：用scrollBy方法实现

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

方法三：用scrollTo方法实现

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

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

 

 

转载于:https://www.cnblogs.com/EggKiller/archive/2013/02/20/2918360.html