javascript控制滚动条位置的方法

来源：互联网发布：淘宝开店认证时间编辑：程序博客网时间：2024/04/27 22:02

方法一：用scroll方法实现。

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

方法二：用scrollBy方法实现。

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

方法三：用scrollTo方法实现。

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

方法四：用赋值方法实现。

<body onload="document.body.scrollTop=document.body.scrollHeight">
<script>
document.write(new Array(100).join("<br>"))

</script>‘

注：方法四不被提倡。

下面了解前三种方法的区别；

1、Widow.Scroll()：在窗口或框架内调整一个文档的滚动方式。Window.Scroll()方法的最佳使用是当你希望用户位于文档中的基础位置时，把它作为文档内的垂直滚动(window.scroll(0,0))的一种手段。
2、Window.ScrollBy()方法采用文档的相对位移。是Window.Scroll()方法的新版本。
Window.ScrollBy(0,window,innerHeight)
3、Window.ScrollTo()与Window.Scroll()方法没有太大的区别。