HTML DOM scrollIntoView() 方法

HTML DOM Element 对象

scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。

注意:根据其他元素的布局,元素可能无法完全滚动到顶部或底部。

语法:

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
测试看看‹/›

浏览器兼容性

表中的数字指定了第一个完全支持scrollIntoView()方法的浏览器版本:

Method
scrollIntoView()283.5385.18

参数值

参数描述
alignToTop(可选)表示对齐类型的布尔值:

true-元素的顶部将与可滚动祖先的可见区域的顶部对齐

false-元素的底部将与可滚动祖先的可见区域的底部对齐。

如果省略,它将滚动到元素的顶部。

注意:根据其他元素的布局,某些元素可能无法完全滚动到顶部或底部。

技术细节

返回值:没有
DOM版本:CSS对象模型(CSSOM)

更多实例

滚动到元素的顶部或底部:

var elem = document.getElementById("box");

function scrollToTop() {
   elem.scrollIntoView(true);
}

function scrollToBottom() {
   elem.scrollIntoView(false);
}
测试看看‹/›

HTML DOM Element 对象