scrollIntoView()的用法[通俗易懂]

scrollIntoView()的用法[通俗易懂]STARTscrollIntoView是一个与页面(容器)滚动相关的API(官方解释),该API只有boolean类型的参数能得到良好的支持(firefox36+都支持),所以在这里只讨论参数Boolean类型的情况。EXPLAIN调用方法为element.scrollIntoView()参数默认为true。参数为true时调用该函数,页面(或容器)发生滚动,使elem…

大家好,又见面了,我是你们的朋友全栈君。

START

scrollIntoView是一个与页面(容器)滚动相关的API(官方解释),该API只有boolean类型的参数能得到良好的支持(firefox 36+都支持),所以在这里只讨论参数Boolean类型的情况。

EXPLAIN

调用方法为 element.scrollIntoView() 参数默认为true。

参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;

参数为false时,使element的底部与视图(容器)底部对齐。

TIPS:页面(容器)可滚动时才有用!

EXAMPLE

document.getElementById("view").scrollIntoView();
  • 1

scrollIntoView()

document.getElementById("view").scrollIntoView(false);
  • 1

scrollIntoView(false)

END

scrollIntoView可以说是URL中hash标记的进化,那么它在什么时候用到呢?想想hash(也就是#xxx)的作用吧!

下图展示的是我对scrollIntoView的一种应用

scrollIntoView()的用法[通俗易懂]

转载:http://blog.csdn.net/hyl94/article/details/77472154

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150568.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 主板开启网络唤醒_WOL网络唤醒远程开机功能设置方法图文教程[通俗易懂]

    主板开启网络唤醒_WOL网络唤醒远程开机功能设置方法图文教程[通俗易懂]很多使用WOL远程唤醒软件的用户们都不知道怎么开启WOL网络唤醒远程开机功能,有这软件也用不了啊!今天小编就给大家介绍怎样才能设置电脑远程唤醒,不同牌子的主板、网卡、路由器在选项设置的名称和位置上都基本都不相同,但是思路都是差不多的,大家用户根据自己电脑的实际情况进行设置。1.设置主板BIOS首先,我们要在主板BIOS里面设置WOL唤醒功能的开关,大部分主板都会支持唤醒,但每个主板的…

    2022年6月2日
  • ffmeg 截取视频帧[通俗易懂]

    ffmeg 截取视频帧[通俗易懂]按帧数截取从头截取(前30帧)ffmpeg-s1920x1080-iinput.yuv-c:vrawvideo-filter:vselect=”gt(n\,-1)”-vframes30out30.yuvffmpeg-s1920x1080-iinput.yuv-c:vrawvideo-filter:vselect=”between(n\,0\,29)”out30.yuvffmpeg-r1-ss0-iinput.yuv-vcodec.

    2022年9月24日
  • 黑盒测试 场景法_黑盒测试方法定义

    黑盒测试 场景法_黑盒测试方法定义通过运用场景来对系统的功能点或业务流程的描述,从而提高测试效果。场景法一般包含基本流和备用流,从一个流程开始,通过描述经过的路径来确定的过程,经过遍历所有的基本流和备用流来完成整个场景。  为什么场景法能如此清晰的描述整个事件?因为,现在的系统基本上都是由事件来触发控制流程的。如:我们申请一个项目,需先提交审批单据,再由部门经理审批,审核通过后由总经理来最终审批,如果部门经理审核不通过

    2022年9月27日
  • ZOJ1002 Fire Net(递归版)

    ZOJ1002 Fire Net(递归版)

    2022年3月12日
  • go 数据处理_2018毛概第十二章重点

    go 数据处理_2018毛概第十二章重点gocn_news_2018-12-311.Go入门简介:http://t.cn/EbjzeSt 2.GoGraphQL新手指南:https://tutorialedge.net/golang/go-graphql-beginners-tutorial/ 3.你需要Goweb框架吗:https://medium.com/@tusharsoni/do-you-need-a-web-framework-for-go-51171bb0ea8c 4.OpenEdge:开放的边缘计算平

    2022年9月18日
  • 【违禁文】周末两天逛了逛长沙的思考和感悟

    做一个积极的人编码、改bug、提升自己我有一个乐园,面向编程,春暖花开!今天不写技术文章了,写一下自己上周末出去逛的体验和感想,本来准备昨天写的,昨天晚上去学习了一个线上的交流活动,搞的时间有点晚,所以周末总结放今天在写一写,因为不写的话,我可能后面也就不会写了,纯粹个人所见所想!人生其实有很多未知,就如我从自己毕业到工作后都没曾想过我会在长沙生活,但是现在已经快两年了,时间过的很快!…

    2022年3月1日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号