scrollIntoView() 滚动到元素顶部和底部

scrollIntoView() 是一个 DOM 方法，通常用于将某个元素滚动到视口内（可视区域）。这个方法能够使目标元素在页面上可见，尤其是在有滚动条的容器中。当你调用 scrollIntoView() 时，浏览器会自动滚动页面，直到该元素进入视口。

基本语法

element.scrollIntoView([alignToTop]);

scrollIntoView() 可以接受一个可选的参数，表示滚动的行为和对齐方式。

参数

1. scrollIntoView() 的基本调用

element.scrollIntoView();

此调用会将目标元素滚动到视口内，但浏览器会选择合适的对齐方式（默认情况下，元素通常会滚动到视口的顶部）。

2. scrollIntoView() 的高级调用（包含选项）

你可以传入一个对象来进一步定制滚动行为，包括对齐方式、滚动行为等。

element.scrollIntoView({
  behavior: 'smooth',   // 滚动行为：'auto' 或 'smooth'
  block: 'start',       // 垂直方向对齐方式：'start', 'center', 'end', 'nearest'
  inline: 'nearest'     // 水平方向对齐方式：'start', 'center', 'end'