scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。
注意:根据其他元素的布局,元素可能无法完全滚动到顶部或底部。
element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();测试看看‹/›表中的数字指定了第一个完全支持scrollIntoView()方法的浏览器版本:
| Method | ![]() | ![]() | ![]() | ![]() | ![]() |
| scrollIntoView() | 28 | 3.5 | 38 | 5.1 | 8 |
| 参数 | 描述 |
|---|---|
| alignToTop | (可选)表示对齐类型的布尔值: true-元素的顶部将与可滚动祖先的可见区域的顶部对齐 false-元素的底部将与可滚动祖先的可见区域的底部对齐。 如果省略,它将滚动到元素的顶部。 注意:根据其他元素的布局,某些元素可能无法完全滚动到顶部或底部。 |
| 返回值: | 没有 |
|---|---|
| DOM版本: | CSS对象模型(CSSOM) |
滚动到元素的顶部或底部:
var elem = document.getElementById("box");
function scrollToTop() {
elem.scrollIntoView(true);
}
function scrollToBottom() {
elem.scrollIntoView(false);
}测试看看‹/›