关于css:关于平滑滚动

44次阅读

共计 290 个字符,预计需要花费 1 分钟才能阅读完成。

有些时候,咱们须要用代码去管制滚动条滚动到指定地位,同时心愿滚动成果很平滑,而不是很僵硬的间接就滚动了,用户简直都感知不到。
计划一:操作容器元素

const dom = document.querySelector('.list-body');// 滚动容器 dom
dom.scrollTop = height;

这一行只是让滚动到指定的地位,还须要 css 才能够让滚动成果平滑

 .list-body {
    overflow: auto;
    scroll-behavior: smooth;
    ...
  }

计划二:操作内容元素
Element.scrollIntoView() 办法, 让以后的元素滚动到浏览器窗口的内。
详见 MDN

正文完
 0