Element.scrollIntoViewIfNeeded() - Web API 接口参考 编辑

非标准
该特性是非标准的，请尽量不要在生产环境中使用它！

Element.scrollIntoViewIfNeeded()方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动。 此方法是标准的Element.scrollIntoView()方法的专有变体。

语法

element.scrollIntoViewIfNeeded(); // 等同于element.scrollIntoViewIfNeeded(true)
element.scrollIntoViewIfNeeded(true);
element.scrollIntoViewIfNeeded(false); 

参数

opt_center

一个 Boolean 类型的值，默认为true:

• 如果为true，则元素将在其所在滚动区的可视区域中居中对齐。
• 如果为false，则元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘，元素的顶部将与可见区域的顶部边缘对准，或者元素的底部边缘将与可见区域的底部边缘对准。

示例

var element = document.getElementById("child");

element.scrollIntoViewIfNeeded();
element.scrollIntoViewIfNeeded(true);
element.scrollIntoViewIfNeeded(false);

规范

不属于任何规范，是一种WebKit专有的方法。

浏览器支持

BCD tables only load in the browser

相关链接

• W3C CSSOM bug 17152: Support centering an element when scrolling into view. (一个等同于 scrollIntoViewIfNeeded 的标准功能特性)