当前位置: 首页 > news >正文

原生js实现锚点滚动顶部

简介

使用原生js API实现滚动到指定容器的顶部,API是scrollIntoView

使用

  1. let el=docment.querySelector() 获取dom元素
  2. el.scrollIntoView()该元素滚动到其父元素的顶部

高级用法

scrollIntoView(Options)//option可以配置如下
options={behavior:'smooth',//光滑效果block:  'start'|'end'|'center' //滚动到容器顶部|底部|中间
}

完整用法可以去MDN点我查看

http://www.lryc.cn/news/100894.html

相关文章:

  • 使用mysql接口遇到点问题
  • excel绘制折线图或者散点图
  • ChatGPT长文本对话输入方法
  • FFmpeg-swresample的更新
  • 回答网友 修改一个exe
  • 数据可视化 - 动态柱状图
  • 【JVM】JVM五大内存区域介绍
  • 自动驾驶感知系统--惯性导航定位系统
  • Netty简介
  • 基于TCP/IP对等模型对计算机网络知识点的整合
  • 【SQL应知应会】表分区(一)• Oracle版
  • PostgreSQL 常用空间处理函数
  • ubuntu初始化/修改root密码
  • 【Linux后端服务器开发】select多路转接IO服务器
  • 支持向量机(iris)
  • 24考研数据结构-第二章:线性表
  • Mybatis 动态 sql 是做什么的?都有哪些动态 sql?能简述动态 sql 的执行原理不?
  • 250_C++_typedef std::function<int(std::vector<int> vtBits)> fnChkSstStt
  • 无涯教程-jQuery - Transfer方法函数
  • openGauss学习笔记-24 openGauss 简单数据管理-模式匹配操作符
  • JAVASE---数据类型与变量
  • IDEA Groovy 脚本一键生成实体类<mybatisplus>
  • 无涯教程-jQuery - Puff方法函数
  • 什么叫前后端分离?为什么需要前后端问题?解决了什么问题?
  • Vector<T> 动态数组(随机访问迭代器)(答案)
  • Istio 故障注入与重试的实验
  • Java设计模式-中介者模式
  • OpenCV实现高斯模糊加水印
  • JMeter 怎么查看 TPS 数据教程,简单易懂
  • 2023年的深度学习入门指南(19) - LLaMA 2源码解析