HTML DOM 元素 scrollIntoView
示例
将 id 为 "content" 的元素滚动到浏览器窗口的可见区域
const element = document.getElementById("content");
element.scrollIntoView();
自己试试 »
更多示例如下。
描述
The 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 |
