HTML DOM scrollIntoView 方法
实例
将 id="content" 的元素滚动到浏览器窗口的可见区域:
var elmnt = document.getElementById("content");
elmnt.scrollIntoView();
亲自试一试 »
elmnt.scrollIntoView();
页面下方有更多实例。
定义和用法
scrollIntoView() 方法将指定的元素滚动到浏览器窗口的可见区域。
浏览器支持
表中的数字表示支持该方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| scrollIntoView | 28.0 | 8.0 | 1.7 | 5.0 | 38.0 |
语法
element.scrollIntoView(alignTo)
参数
| 参数 | 类型 | 描述 |
|---|---|---|
| alignTo | Boolean | 可选。指示对齐类型的布尔值:
true - 元素的顶部将与可滚动祖先的可见区域的顶部对齐 false - 元素的底部将与可滚动祖先的可见区域的底部对齐。 如果省略，它将滚动到元素的顶部。 注释: 根据其他元素的布局，某些元素可能无法完全滚动到顶部或底部。 |
技术细节
| 返回值: | 无返回值 |
|---|---|
| DOM 版本 | Experimental |
更多实例
实例
滚动到元素的顶部或底部:
var elmnt = document.getElementById("content");
function scrollToTop() {
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}
亲自试一试 »
function scrollToTop() {
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}
