1. 程式人生 > >全棧JavaScript之路( 二十一)HTML5 scrollIntoView方法

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

HTML5中,scrollIntoView()可以在所有HTML 元素上呼叫

通過滾動瀏覽器視窗或某個容器元素,呼叫元素就可以出現在視口中。

如果給這個方法傳入true 作為引數,或者不傳入任何引數,那麼視窗滾動之後會讓呼叫元素的頂部與視窗頂部儘可能平齊。

如果傳入false 作為引數,呼叫元素會盡可能全部出現在視口中,(可能的話,呼叫元素的底部會與視窗頂部平齊。)不過頂部不一定平齊。

當頁面發生變化時,一般會用這個方法來吸引使用者的注意力。

實際上,為某個元素設定焦點也會導致瀏覽器滾動並顯示出獲得焦點的元素。

支援scrollIntoView()方法的瀏覽器有IE、Firefox、Safari 和Opera。