实现方式:element.scrollIntoView()
场景:允许你通过编程控制页面滚动,使特定的 HTML 元素进入视窗
参数传递:scrollIntoView()传递可选参数
behavior:定义滚动动作的动画效果,可以是 "auto" 或 "smooth"。 "auto" 会立即跳转到指定位置,"smooth" 会平滑地滚动到指定位置。
block:定义垂直对齐方式,可以是 "start"、"center"、"end" 或 "nearest"
inline:定义水平对齐方式,可以是 "start"、"center"、"end" 或 "nearest"
示例:将id为666的html元素垂直方向平滑的滚动到视图中
document.getElementById('666').scrollIntoView({block:"start",behavior:"smooth"})