博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
知识点--- scrollIntoView()的用法
阅读量:6573 次
发布时间:2019-06-24

本文共 498 字,大约阅读时间需要 1 分钟。

一.介绍

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。

  1.  
    调用方法为 element.scrollIntoView() 参数默认为
    true。
  2.  
    参数为
    true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;
  3.  
    参数为
    false时,使element的底部与视图(容器)底部对齐。
  4.  
     
  5.  
    TIPS:页面(容器)可滚动时才有用!

二.兼容性

三.使用

  1.  
    <p id=
    "pToShow">The para to show</p>
  2.  
     
  3.  
    document.getElementById(
    "pToShow").scrollIntoView();(document.getElementById("pToShow").scrollIntoView(true);) 滚动到顶部
  4.  
    document.getElementById(
    "pToShow").scrollIntoView(false);滚动到底部

 例如移动端引用:

转载于:https://www.cnblogs.com/liaohongwei/p/10868295.html

你可能感兴趣的文章
从JDK源码角度看Short
查看>>
HTTP/2特性及其在实际应用中的表现
查看>>
解密Angular WebWorker Renderer (二)
查看>>
parceljs 中文文档24小时诞生记
查看>>
五年 Web 开发者 star 的 github 整理说明
查看>>
Docker 部署 SpringBoot 项目整合 Redis 镜像做访问计数Demo
查看>>
Android一种常见的布局困扰
查看>>
ReactNative字体大小不随系统字体大小变化而变化
查看>>
程序员思维看爱情是什么?
查看>>
android消息机制—Looper
查看>>
中台之上(五):业务架构和中台的难点,都是需要反复锤炼出标准模型
查看>>
为什么中台是传统企业数字化转型的关键?
查看>>
使用模板将Web服务的结果转换为标记语言
查看>>
inno setup 打包脚本学习
查看>>
php 并发控制中的独占锁
查看>>
禁止微信浏览器的下拉滑动
查看>>
从pandas到geopandas
查看>>
LOL设计模式之「策略模式」
查看>>
用express搭建网站
查看>>
如何在 Swift 中进行错误处理
查看>>