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 支持 支持 支持 支持