实现页面打开后滚动到最底端的效果（转）

滚动页面的方法有scroll、scrollBy和scrollTo，三个方法都带两个参数：x(X轴上的偏移量)和y(Y轴上的偏移量)。因为是要滚动到页面底部，所以参数x为0，y为页面的滚动高度。另外，页面的滚动高度必须在网页加载完成后才能获取到，所以触发事件用onload。

具体步骤：

方法一：用scroll方法实现。

document.write(new Array(100).join("<br>"))

</script>

方法二：用scrollBy方法实现。

document.write(new Array(100).join("<br>"))

</script>

方法三：用scrollTo方法实现。

document.write(new Array(100).join("<br>"))

</script>

注意：因为页面加载完后默认滚动在最顶端，所以在本例中用scroll、scrollBy和scrollTo方法的效果一样，然而它们之间其实是有区别的。

特别提示

本例三种方法的代码运行后，在页面加载完成后将自动滚动到页面最底端

特别说明

告诉读者通过该问题的解决过程，需要掌握什么内容或技巧，你能够学到什么，以及其他相关的知识点。

scroll 将窗口滚动到自左上角起指定的 x 和 y 偏移量。

scrollBy 将窗口滚动 x 和 y 偏移量。

scrollTo 将窗口滚动到指定的 x 和 y 偏移量。

转载于:https://www.cnblogs.com/onlr/articles/1568700.html

实现页面打开后滚动到最底端的效果（转）相关推荐

安装visio后，EXCEL打开后滚动鼠标滑轮自动退出解决方法
打开电脑设置 2.打开应用找到office 3.修改应用 4.修复修复完成后重启电脑就可以
html打开自动点击,如何把一段JS点击触发改为页面打开后就自动触发？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 1.最简单的调用方式直接写到html的body标签里面,如: 2.在JS语句调用 function func(){--} window.οnlοad=f ...
基于JQuery实现滚动到页面底端时自动加载更多信息
基于JQuery实现滚动到页面底端时自动加载更多信息关键代码:代码如下: var stop=true; $(window).scroll(function(){ totalheight = parse ...
同一个ip服务器comcat下部署第二个项目怎么设置,用nginx在同一服务器端口下部署多个项目，第二个项目打开后页面空白？...
1.问题概括: 按照这篇文章的做法,用nginx在在服务器同一端口下部署多个项目,结果发现,第一个项目正常运行,第二个项目打开后页面空白. 2.服务器上项目文件夹的结构: /home 路径下有两个如下 ...
一网打尽win10 Google Chrome浏览器打开后默认桔梗页面
一网打尽 win10 Google Chrome浏览器打开后默认桔梗页面真是莫名其妙,突然有一天,码农coding打开Google Chrome浏览器,当当当... 且看下图初步诊断:win1 ...
Chrome 创建快捷方式后在单页面打开网页内容
Chrome 创建快捷方式后在单页面打开网页内容以创建iCloud快捷方式为例步骤 1. 打开网址 https://www.icloud.com/ 2. 创建快捷方式一定勾选"在窗口中 ...
ionic3 打包apk，安装打开后一直停留在启动页面
问题:.app.component.ts中 platform.ready().then(() => {// Okay, so the platform is ready and our plug ...
谷歌打开后开始页面被hao123篡改
不知道什么时候安装或者删除什么软件导致谷歌浏览器一打开就进入了hao123的网页界面,百度后的方法地址如下: https://www.cnblogs.com/xisheng/p/9233485.htm ...
给html页面图片制造滚动效果（详细注释）
给html页面图片制造滚动效果 html部分源码 css部分源码 javascript部分源码 html部分源码设置4个图片div <body><div class="n ...

实现页面打开后滚动到最底端的效果（转）

实现页面打开后滚动到最底端的效果（转）相关推荐

最新文章

热门文章