DOM的滾動 DOM規范中並沒有規定各瀏覽器需要實現怎樣的滾動頁面區域,各瀏覽器實現了相應的方法,可以使用不同的方式控制頁面區域的滾動。這些方法作為HTMLElement類型的擴展存在,所以它能在所有元素上使用。 scrollIntoView alignWithTop 滾動瀏覽器窗口或容器元素,以便在當前視窗的可見范圍看見當前元素。如果alignWithTop為true,或者省略它,窗口會盡可能滾 ...
2015-10-21 22:55 0 15797 推薦指數:
該方法用於建立一個錨點,點擊錨點,會跳到相應的內容,且該內容頭部與瀏覽器頭部平齊 實例: ...
scrollIntoView是一個與頁面(容器)滾動相關的API(官方解釋),該API只有boolean類型的參數能得到良好的支持(firefox 36+都支持),所以在這里只討論參數Boolean類型的情況。 調用方法為 element.scrollIntoView() 參數默認為true ...
一、錨點 <p id="firstAnchor"> 錨點 </p> <a href="#firstAnchor"> 跳轉 </a> j ...
scrollIntoView(alignWithTop) 滾動瀏覽器窗口或容器元素,以便在當前視窗的可見范圍看見當前元素。如果alignWithTop為true,或者省略它,窗口會盡可能滾動到自身頂部與元素頂部平齊。-------目前各瀏覽器均支持,其實就這個解釋來說,我覺得還是不夠的,最好 ...
經常有這樣的需求:點擊一個鏈接(內鏈)跳轉到當前頁面中間某個部分。對於這樣的需求,很容易想到使用錨點實現。但有一個問題:滾動一步到位,太生硬了。 我還是比較喜歡平滑滾動。HTML5 中提供了 CSS ...
scrollIntoView方法滾動當前元素,進入瀏覽器的可見區域 該方法可以接受一個布爾值作為參數。 如果為true,表示元素的頂部與當前區域的可見部分的頂部對齊(前提是當前區域可滾動); 如果為false,表示元素的底部與當前區域的可見部分的尾部對齊(前提 ...