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 |