scrollTo滚动到指定位置或指定元素的位置、平滑滚动,以及offsetTop的使用

scrollTo滚动到指定位置或指定元素的位置、平滑滚动,以及offsetTop的使用element scrollTo 首先需要注意的是调用 scrollTo 方法的是出现滚动的父元素 即高度固定 overflo scroll 的那个元素

大家好,欢迎来到IT知识分享网。

element.scrollTo首先需要注意的是调用scrollTo方法的是出现滚动的父元素,即高度固定overflow:scroll的那个元素。
1.滚动到的位置确定:
在这里插入图片描述

const parent = document.querySelector(`.parent`) //scrollTo可以直接传入滚动的X,Y值,也可以传入一个对象 //直接传值 parent.scrollTo(0,100) //传入对象的方式,这种方式可以控制滚动的速度 parent.scrollTo({ 
    top: 100 , behavior: "smooth" }) 
const parent = document.querySelector(`.parent`) const child = document.querySelector(`.parent .child2`) parent.scrollTo({ 
    top: child.offsetTop ,//需要父元素设置postion(relative、absolute、fixed) behavior: "smooth" }) 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/119302.html

(0)
上一篇 2025-11-06 15:10
下一篇 2025-11-06 15:20

相关推荐

发表回复

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

关注微信