获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部

简介: 获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部

通过选择器寻找dom节点

document.getElementById('').getBoundingClientRect().top

通过ref获取到当前dom节点

e.target.getBoundingClientRect().top

展示效果



平滑的自动上拉到页面顶部

 window.scrollTo({
      top:0,
      behavior:"smooth"
    })
目录
打赏
0
0
0
0
1
分享
相关文章
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)