滚动页面的方法有scroll、scrollBy和scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因为是要滚动
到页面底部,所以参数x为0,y为页面的滚动高度。另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。
具体步骤:
方法一:用scroll方法实现。
<bodyonload="scroll(0,document.body.scrollHeight)">
<script>
document.write(newArray(100).join("<br>"))
</script>
方法二:用scrollBy方法实现。
<bodyonload="scrollBy(0,document.body.scrollHeight)">
<script>
document.write(newArray(100).join("<br>"))
</script>
方法三:用scrollTo方法实现。
<bodyonload="scrollTo(0,document.body.scrollHeight)">
<script>
document.write(newArray(100).join("<br>"))
</script>
注意:因为页面加载完后默认滚动在最顶端,所以在本例中用scroll、scrollBy和scrollTo方法的效果一样,然而它们之间其实是有区别的。
特别提示
本例三种方法的代码运行后,在页面加载完成后将自动滚动到页面最底端,效果如图1.7.3所示。
图1.7.3加载完成后自动滚动到页面底端的效果
特别说明
告诉读者通过该问题的解决过程,需要掌握什么内容或技巧,你能够学到什么,以及其他相关的知识点。
scroll将窗口滚动到自左上角起指定的x和y偏移量。
scrollBy将窗口滚动x和y偏移量。
scrollTo将窗口滚动到指定的x和y偏移量。
分享到:
相关推荐
实现textBox 滚动条自动滚动到最底端,可以更加好地更加美观地使用 textbox 多行显示
易语言判断滚动条是否在底端源码,判断滚动条是否在底端,滚动条是否在底端,API_GetScrollInfo,API_LocalSize_SCROLLINFO,API_LocalSize_SCROLLBARINFO,API_GetScrollBarInfo
1.顶端固定 核心代码如下: ...... 最终效果图: 2.底端固定 核心代码如下: ...到此这篇关于微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)的文章就介绍到这了,更多相关小程序 组件固定内容
页脚显示在页面底端的布局方法 html{ margin:0px; padding:0px; height:100%;} body{ margin:0px; padding:0px;height:100%;} .body{ position:relative; min-height:100%; _height:100%; position:relative} .main...
主要介绍了基于JQuery实现滚动到页面底端时自动加载更多信息,类似微博,新浪新闻的评论等,都采用了这方法,需要的朋友可以参考下
5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表...
5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表...
易语言判断滚动条是否在底端源码。@易语言源码分享站。
易语言判断滚动条是否在底端源码
当我第一次添加滚动条时候,我发现滚动条总是跑...ps:下面看下c# textBox滚动条一直在最下的解决方法 this.textBox1.Focus();//获取焦点 this.textBox1.Select(this.textBox1.TextLength, 0);//光标定位到文本最后 th
鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
易语言源码易语言判断滚动条是否在底端源码.rar
新浪微博中,随着界面显示到最底端,而自动加载页面剩余内容,只要将界面不断往下滚动就可以看到。
安装软件包后,必须使用vue-chat-scroll: import VueChatScroll from 'vue-chat-scroll' ; Vue . use ( VueChatScroll ) ; new Vue ( ... ) ; 使用脚本标签 如果要进行概念证明或小提琴,则可以更容易地使用脚本...
类似于iPhone 6 或 6 Plus的下拉悬停效果,使整个页面下移,这样就方便操作顶端的控件。使用也非常简单,只要在onCreate()中添加俩行代码即可。项目地址:https://github.com/sakebook/Reachability 效果图:如何...
单击“窗口文字”,在右侧窗口中的“输入”中选择“自动滚动窗口”,然后切换到加密网页按下Ctrl+Shift+P组合键激活捕捉功能,单击一下鼠标左键后该窗口会自动滚动,滚动到最底端后自动将结果保存入“捕获预览”。...
Python3获取京东商品列表信息,并根据列表信息地址提取信息详情页的相关图片(京东商品详情信息图片采用JS动态加载,需控制网页滚动至一定位置才能加载,初始的静态页面没有商品图片),因此本文采用两种方法加载...