使用scrollIntoView方法解決拋錨定位時網頁往上跳的問題


一直都是使用拋錨location.href = "page.htm#anchor";在頁面定位位置,但是經常會出現在拋錨定位時頁面整體往上跳的問題,每一次都是懷疑頁面div+css鬧出來的問題,折騰來折騰去依然是無法解決。

在網上查了一下,終於找到一個替代方案,就是使用scrollIntoView方法:

語法:

object.scrollIntoView( [bAlignToTop])

參數:

bAlignToTop 布爾型:true/false,默認參數不傳則為true

true:對象的頂端與當前窗口的頂部對齊

false:對象的底端與當前窗口的頂部對齊

支持的瀏覽器:

這個是W3C定義的DOM方法,各瀏覽器均支持,包括:IE5.5+、FF2.0+....

使用示例:

document.getElementById("myobj").scrollIntoView();


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM