滾動跳頁刷新片段

Question

我有一個頁面的評論。我們稱之爲article page。現在，當我添加新評論時，我需要重新加載此頁面，因爲我需要看到添加的評論。我不能（也不想）直接將它注入DOM，因爲計算它的位置可能相當複雜。

我送一個AJAX請求，並響應我得到：

• 評論ID
• URL的article page

然後，我用它來構造URL形式myawesomewebsite.com/articlePage/{{articleId}}#{{commentId}}。所以基本上，我刷新當前頁面，另外我添加片段部分，以便在頁面加載時，我可以看到我的新評論。

我用

• window.location = articlePageURL + "#" + commentId構造URL
• 和window.location.reload(true)獲得「新」頁附有新評論

的問題是自動滾動到div與評論後，瀏覽器跳回到我在前一頁的位置（刷新前它的同一頁）。

有沒有什麼辦法可以關閉第二頁跳轉？

Answer 1

我設法達到我想要的。

我自己滾動到這個元素，而不是依靠自動滾動到URL哈希段中給出的id。關鍵是在body元素上使用scrollTop css屬性，並將其與animate函數結合使用。

不僅它按照我的預期工作，它還提供了更好的用戶體驗。