HTML DOM 元素 scrollIntoView
示例
將 id="content" 的元素滾動到瀏覽器視窗的可見區域
const element = document.getElementById("content");
element.scrollIntoView();
自己動手試一試 »
更多示例見下文。
描述
scrollIntoView() 方法將元素滾動到可滾動祖先元素的可見區域。
語法
element.scrollIntoView(align)
引數
| 引數 | 描述 |
| align | 可選。 一個布林值，指示對齊的型別 true - 元素的頂部將與可滾動祖先元素的可見區域頂部對齊 false - 元素的底部將與可滾動祖先元素的可見區域底部對齊。 如果省略，它將滾動到元素的頂部。 注意：根據其他元素的佈局，某些元素可能無法完全滾動到頂部或底部。 |
返回值
| 無 |
更多示例
示例
滾動到元素的頂部或底部
const element = document.getElementById("content");
function scrollToTop() {
element.scrollIntoView(true);
}
function scrollToBottom() {
element.scrollIntoView(false);
}
自己動手試一試 »
瀏覽器支援
element.scrollIntoView() 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
