scrollIntoView()

创建于 2024-12-03 / 26
字体: [默认] [大] [更大]

❮ Element 对象

实例

将 id="content" 的元素滚动到浏览器窗口的可见区域:

var elmnt = document.getElementById("content");
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
} 亲自试一试 »

❮ Element 对象


0 人点赞过