list指定位置添加元素_scrollview滚动到指定位置[通俗易懂]

list指定位置添加元素_scrollview滚动到指定位置[通俗易懂]element.scrollTo首先需要注意的是调用scrollTo方法的是出现滚动的父元素,即高度固定overflo:scroll的那个元素

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

const parent = document.querySelector(`.parent`)
//scrollTo可以直接传入滚动的X,Y值,也可以传入一个对象
//直接传值
parent.scrollTo(0,100)
//传入对象的方式,这种方式可以控制滚动的速度
parent.scrollTo({ 
   
  top: 100 ,
  behavior: "smooth"
})

2.滚动到某个子元素的位置:
比如想让子元素2滚动到最上方
在这里插入图片描述

const parent = document.querySelector(`.parent`)
const child = document.querySelector(`.parent .child2`)
parent.scrollTo({ 
   
  top: child.offsetTop ,//需要父元素设置postion(relative、absolute、fixed)
  behavior: "smooth"
})

参考网址:
scrollTo方法的平滑滚动
关于offsetTop的理解

今天的文章list指定位置添加元素_scrollview滚动到指定位置[通俗易懂]分享到此就结束了,感谢您的阅读。

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

(0)
编程小号编程小号

相关推荐

发表回复

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