元素滚动到页面顶部和底部（自用笔记）

最新推荐文章于 2023-08-31 08:40:12 发布

这是一台机器

最新推荐文章于 2023-08-31 08:40:12 发布

阅读量196

点赞数

分类专栏： JavaScript 笔记文章标签：笔记前端 javascript

本文链接：https://blog.csdn.net/DT_XUE321/article/details/131928613

版权

笔记同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

使用 scrollIntoView

滚动到页面顶部

const scrollToTop = (ele) => {
  ele.scrollIntoView({ behavior: "smooth", block: "start" })
}

document.querySelector('button').addEventListener('click', function () {
  scrollToTop(this)
}, false)

滚动到页面底部

const scrollToTop = (ele) => {
  ele.scrollIntoView({ behavior: "smooth", block: "end" })
}

document.querySelector('button').addEventListener('click', function () {
  scrollToTop(this)
}, false)