HJY-xh / plantTrees

每天几个前端小知识📙 2021.2.14 - new Date()
MIT License
22 stars 4 forks source link

[2021-7-9] 浏览器回到顶部的简单方法是什么? #373

Open HJY-xh opened 3 years ago

HJY-xh commented 3 years ago

这个方法就是Element的一个方法:scrollIntoView

Element 接口的scrollIntoView()方法会滚动元素的父容器,使被调用scrollIntoView()的元素对用户可见。简单来说就是相对视窗让容器滚动到目标元素位置。它有三个可选参数能让scrollIntoView滚动起来更优雅:

看个🌰:

document.body.scrollIntoView({ behavior: "smooth" });
// 在控制台中运行即可回到页面顶部