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); }测试看看‹/›