js滚动到指定页面高度
2014-05-13 14:52
204 查看
js-页面打开后滚动到特定位置的效果
滚动页面的方法有scroll、scrollBy和scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因为是要滚动到页面底部,所以参数x为0,y为页面的滚动高度。另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。 具体步骤:
方法一:用scroll方法实现。
<body onload="scroll(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>
方法二:用scrollBy方法实现。
<body onload="scrollBy(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>
方法三:用scrollTo方法实现。
<body onload="scrollTo(0,document.body.scrollHeight)">
<script>
document.write(new Array(100).join("<br>"))
</script>
注意:因为页面加载完后默认滚动在最顶端,所以在本例中用scroll、scrollBy和scrollTo方法的效果一样,然而它们之间其实是有区别的。
scroll 将窗口滚动到自左上角起指定的 x 和 y 偏移量。
scrollBy 将窗口滚动 x 和 y 偏移量。
scrollTo 将窗口滚动到指定的 x 和 y 偏移量。
相关文章推荐
- JavaScript基础--面向对象三大特性(八):继承封装多态
- Web Js判断键盘出发事件
- Js作用域与作用域链详解
- JSP——include的使用
- 1 JSP指令标签page
- python解析网页中javascript动态添加的内容 一
- JavaScript高级程序设计13.pdf
- js根据页面classname获取页面元素
- JavaScript菜单树
- JS概念
- javascript 判断文件名
- JS 函数参数个数与实际参数个数
- javascript第四章总结
- json序列化NHibernate的实体
- JavaScript转Int类型。
- JSF2.0实战 - 7、自定义<h:head>
- javascript两种定时器的使用及其清除
- 【JS】布尔逻辑
- Ext-json
- JS--刷新当前页面