全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法
HTML5中,scrollIntoView()可以在所有HTML 元素上调用通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视口中。如果给这个方法传入true 作为参数,或者不传入任何参数,那么窗口滚动之后会让调用元素的顶部与视窗顶部尽可能平齐。如果传入false 作为参数,调用元素会尽可能全部出现在视口中,(可能的话,调用元素的底部会与视窗顶部平齐。)不过顶
·
HTML5中,scrollIntoView()可以在所有HTML 元素上调用
通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视口中。
如果给这个方法传入true 作为参数,或者不传入任何参数,那么窗口滚动之后会让调用元素的顶部与视窗顶部尽可能平齐。
如果传入false 作为参数,调用元素会尽可能全部出现在视口中,(可能的话,调用元素的底部会与视窗顶部平齐。)不过顶部不一定平齐。
当页面发生变化时,一般会用这个方法来吸引用户的注意力。
实际上,为某个元素设置焦点也会导致浏览器滚动并显示出获得焦点的元素。
支持scrollIntoView()方法的浏览器有IE、Firefox、Safari 和Opera。
更多推荐
已为社区贡献1条内容
所有评论(0)