HTML DOM Element scrollIntoView() 方法

定义和用法

scrollIntoView() 方法将元素滚动到浏览器窗口的可见区域。

实例

例子 1

将 id="content" 的元素滚动到浏览器窗口的可见区域：

const element = document.getElementById("content");
element.scrollIntoView();

亲自试一试

例子 2

滚动到元素的顶部或底部：

const element = document.getElementById("content");

function scrollToTop() {
  element.scrollIntoView(true);
}

function scrollToBottom() {
  element.scrollIntoView(false);
}

亲自试一试

语法

element.scrollIntoView(align)

参数

参数 描述
align

可选。指示对齐类型的布尔值：

  • true - 元素的顶部将与可滚动祖先可见区域的顶部对齐
  • false - 元素的底部将与可滚动祖先可见区域的底部对齐

如果省略，它将滚动到元素的顶部。

注意：根据其他元素的布局，某些元素可能不会完全滚动到顶部或底部。

返回值

无。

浏览器支持

所有浏览器都支持 element.scrollIntoView()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持