通过选择器寻找dom节点
document.getElementById('').getBoundingClientRect().top
通过ref获取到当前dom节点
e.target.getBoundingClientRect().top
展示效果
平滑的自动上拉到页面顶部
window.scrollTo({ top:0, behavior:"smooth" })
获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部
2023-08-09
56
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部
展示效果
目录
相关文章
|
3月前
|
XML
JavaScript
数据格式
|
1天前
|
XML
存储
JavaScript
XML DOM 节点
**XML DOM 把文档解析成节点树：**
- 文档是个文档节点
- 每个元素是元素节点，如 `<year>`
- 文本、属性和注释对应不同节点
- 元素的文本（如 "2005"）存于单独的文本节点
- `<year>` 的值是其包含的文本节点内容
7
2
2
|
26天前
|
JavaScript
前端开发
开发者
|
3月前
|
JavaScript
前端开发
|
3月前
|
JavaScript
小程序
|
3月前
|
缓存
JavaScript
前端开发
|
9月前
|
XML
JavaScript
前端开发
|
4月前
|
JavaScript
测试技术
|
4月前
|
JavaScript
【讲人话】Angular如何通过@ViewChildren获取实时渲染的动态DOM节点元素（@ViewChild只能获取静态的固定DOM节点）
【讲人话】Angular如何通过@ViewChildren获取实时渲染的动态DOM节点元素（@ViewChild只能获取静态的固定DOM节点）
41
0
0
|
7月前
|
存储
XML
JavaScript
热门文章
最新文章
1
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
2
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
3
react简单实现获取dom元素
4
深入了解 JavaScript 中的 DOM 和 BOM
5
DOM驱动和数据驱动的区别
6
为什么虚拟dom会提高性能？
7
JavaScript DOM 操作：解释一下 cookie、sessionStorage 和 localStorage 的区别。
8
JavaScript DOM 操作：解释一下浏览器的同源策略。
9
理解DOM树的加载过程
10
深入探讨前端框架Vue.js中的虚拟DOM机制
1
PHP爬虫技术：利用simple_html_dom库分析汽车之家电动车参数
30
2
JS获取DOM元素的八种方法(含代码,简单易懂)
51
3
DOM 型 XSS 演示（附链接）
71
4
vue3通过ref获取dom元素并修改样式
120
5
vue创建dom的方法有哪些
28
6
在created中创建dom操作的方法是什么？
11
7
解释 Vue 的虚拟 DOM 及其优势。
18
8
Vue.js中的diff算法：让虚拟DOM更高效
43
9
在Vue中，还有哪些指令可以用于动态显示DOM元素？
22
10
当需要频繁地切换DOM元素的显示状态时，应该使用`v-if`还是`v-show`？
29