前言

今天记录一个非常常用的js api scrollIntoView 它可以轻易的让目标元素滚动到可视范围之内，而无需手动计算偏移量

一、用法

document.querySelector('.dept-title').scrollIntoView()

二、参数

scrollIntoView()
scrollIntoView(boolean)
默认为 true，表示是否沿着元素的顶端和滚动容器对齐，否则和元素底端对齐。scrollIntoView(option)
option {
behavior?: "smooth"|'auto'
block?: 'start'|'center'|'end'|'nearest'
}option 参数:
behavior: auto 默认值smooth:平滑滚动instant: 无动画
block:start：默认值。元素顶部和滚动容器顶部对齐center：元素和滚动容器居中对齐end：元素底部和滚动容器底部对齐nearest：如果已经在视野范围内，就不滚动，否则就滚动到顶部或者底部（哪个更靠近就滚到哪里）全部参数参考请参考mdn