首页 > 代码库 > 全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法

全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法

HTML5中,scrollIntoView()可以在所有HTML 元素上调用


通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视口中。


如果给这个方法传入true 作为参数,或者不传入任何参数,那么窗口滚动之后会让调用元素的顶部与视窗顶部尽可能平齐。

如果传入false 作为参数,调用元素会尽可能全部出现在视口中,(可能的话,调用元素的底部会与视窗顶部平齐。)不过顶部不一定平齐。


当页面发生变化时,一般会用这个方法来吸引用户的注意力。

实际上,为某个元素设置焦点也会导致浏览器滚动并显示出获得焦点的元素。


支持scrollIntoView()方法的浏览器有IE、Firefox、Safari 和Opera。