码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-07-10 22:39:29      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:html5   scrollintoview   

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


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


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

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


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

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


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

全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法,布布扣,bubuko.com

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

标签:html5   scrollintoview   

原文地址:http://blog.csdn.net/liveinjs/article/details/37606167

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!