一直都是使用拋錨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();