您的位置：首页 > Web前端 > JavaScript

javascript控制滚动条位置的方法

2011-07-18 17:24 477 查看

方法一：用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()方法没有太大的区别。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航