有些时候,咱们须要用代码去管制滚动条滚动到指定地位,同时心愿滚动成果很平滑,而不是很僵硬的间接就滚动了,用户简直都感知不到。
计划一:操作容器元素
const dom = document.querySelector('.list-body');// 滚动容器 dom
dom.scrollTop = height;
这一行只是让滚动到指定的地位,还须要 css 才能够让滚动成果平滑
.list-body {
overflow: auto;
scroll-behavior: smooth;
...
}
计划二:操作内容元素 Element.scrollIntoView()
办法, 让以后的元素滚动到浏览器窗口的内。
详见 MDN