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

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


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


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

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


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

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


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

全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。