关于浏览器（二）浏览器滚动到顶部；滚动到底部

前端小云儿

已于 2022-12-05 17:10:15 修改

阅读量683

点赞数

分类专栏：前端静态页面以及逻辑文章标签：大数据

于 2022-07-15 16:29:27 首次发布

本文链接：https://blog.csdn.net/jieweiwujie/article/details/125807509

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 16 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

滚动到顶部
初学者经常发现自己在正确滚动元素的过程中遇到困难。最简单的滚动元
素的方法是使用scrollIntoView方法。添加行为。"smooth "来实现平滑的滚动动画。

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



滚动到底部
就像scrollToTop方法一样，scrollToBottom方法也可以用scrollIntoView方
法轻松实现，只需将块值切换为结束即可

const scrollToBottom = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "end" })。