scrollIntoView()方法將調(diào)用它的元素滾動到瀏覽器窗口的可見區(qū)域。
注意:根據(jù)其他元素的布局,元素可能無法完全滾動到頂部或底部。
element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();測試看看?/?表中的數(shù)字指定了第一個完全支持scrollIntoView()方法的瀏覽器版本:
| Method | ![]() | ![]() | ![]() | ![]() | ![]() |
| scrollIntoView() | 28 | 3.5 | 38 | 5.1 | 8 |
| 參數(shù) | 描述 |
|---|---|
| alignToTop | (可選)表示對齊類型的布爾值: true-元素的頂部將與可滾動祖先的可見區(qū)域的頂部對齊 false-元素的底部將與可滾動祖先的可見區(qū)域的底部對齊。 如果省略,它將滾動到元素的頂部。 注意:根據(jù)其他元素的布局,某些元素可能無法完全滾動到頂部或底部。 |
| 返回值: | 沒有 |
|---|---|
| DOM版本: | CSS對象模型(CSSOM) |
滾動到元素的頂部或底部:
var elem = document.getElementById("box");
function scrollToTop() {
elem.scrollIntoView(true);
}
function scrollToBottom() {
elem.scrollIntoView(false);
}測試看看?/?