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)
上一篇 2022年6月18日 下午10:16
下一篇 2022年6月18日 下午10:36


相关推荐

  • arcpy环境搭建「建议收藏」

    arcpy环境搭建「建议收藏」1.1什么是ArcPy?ArcPy是一个以成功的arcgisscripting模块为基础并继承了arcgisscripting功能进而构建而成的站点包。目的是为以实用高效的方式通过Python执行地理数据分析、数据转换、数据管理和地图自动化创建基础。该包提供了丰富纯正的Python体验,具有代码自动完成功能(输入关键字和点即可获得该关键字所支持的属性和方法的弹出列表;从中选择

    2025年8月1日
    7
  • matlab的fread函数的用法_matlab fread 大小端

    matlab的fread函数的用法_matlab fread 大小端fread函数常见用法:1、A=fread(fileID,sizeA,precision,skip,machinefmt) 2、A=fread(fileID)3、fread(fileID,sizeA)4、A=fread(fileID,sizeA,precision)5、A=fread(fileID,sizeA,precision,skip)6、A=fread(fileID,sizeA,p

    2025年11月10日
    6
  • PID控制算法仿真_连续控制系统的充分必要条件

    PID控制算法仿真_连续控制系统的充分必要条件引言PID是Proportional(比例)、Integral(积分)、Differential(微分)三者的缩写。PID调节是连续控制系统中技术最成熟、应用最广泛的调节方式。PID调节实质是根据输入的偏差值,按照比例、积分、微分的函数关系进行运算,运算结果用以控制输出。之前在项目中也用到过不少PID的算法,但大多属于一知半解的状态,或者胡乱调节的程度,最近在学习的过程偶然对PI…

    2022年4月19日
    92
  • 零基础入门AI智能体:工作流详细介绍,帮你快速上手搭建一个简单的工作流

    零基础入门AI智能体:工作流详细介绍,帮你快速上手搭建一个简单的工作流

    2026年3月12日
    1
  • JVM虚拟机的运行机制和原理

    JVM虚拟机的运行机制和原理1 JVM 虚拟机介绍 JVM 是 JavaVirtualM Java 虚拟机 的缩写 是一个虚构出来的计算机 是通过在实际的计算机上仿真模拟各种计算机功能来实现的 Java 虚拟机主要由字节码指令集 寄存器 栈 垃圾回收堆和存储方法域等构成 JVM 屏蔽了与具体操作系统平台相关的信息 使 Java 程序只需生成在 Java 虚拟机上运行的目标代码 字节码 就可以在多种平台上不加修改地运行 JVM 在执行字节码时 实际上最终还是把字节码解释成具体平台上的机器指令执行 2 JVM 的生命周期 JVM 伴随 Java

    2026年3月16日
    2
  • 【Hibernate】uniqueResult方法「建议收藏」

    【Hibernate】uniqueResult方法「建议收藏」数据库中根据你的查询条件只会返回唯一结果,就可以用uniqueResult这个方法!否则就用list();其返回类型为Object uniqueResult()方法通常是在业务方法查询语句中用到的,比如(UsersRoles)getSession().createQuery(“selecturfromUsersRolesurwhereur.role.id=?andur.

    2025年10月22日
    4

发表回复

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

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