如何在滾動的位置渲染頁面？

Question

我想在一個錨點鏈接到一個網頁，即：

<a href="/about/#content/">About</a> 

<div id="content">…</div> 

正常的瀏覽器的行爲是來渲染頁面，然後跳轉到錨/ ID。有沒有辦法到頁面的錨位置頁面呈現之前的位置？

我使用

$(document).scrollTop($('#content').offset().top); 

想這可能移動到另一個位置足夠快，以防止全頁面加載的閃存嘗試，但它不工作，直到DOM準備好了，所以它不夠快。

我可以選擇隱藏要素，移動到的位置，然後向他們展示，但我想知道如果有一種方法，我不知道湊齊一個變通。

Answer 1

我不認爲有這樣做的其他任何直接的方式。您只能保證更快地鏈接到特定的div，使DOM儘快在DOM中可用。

您可以通過加載所需的div進行靜態鏈接，同時動態加載其他div的內容。再次，而這樣做，你必須確保頁面始終滾動到這個div，由

$(document).scrollTop($('#content').offset().top); 

定期執行的代碼，當頁面的其他內容也越來越動態加載的頁面大小可能會傾向於增加我們希望始終在內容div上保持滾動位置。