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

總結

以上是生活随笔為你收集整理的使用scrollIntoView方法解决抛锚定位时网页往上跳的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。