與瀏覽器重繪的錨鏈接

Question

我正在建立一個網站，其中包含不同部分的長主頁之一。 我正在嘗試在主頁上使用錨標記，以便當您從其他頁面鏈接到它時，您可以直接轉到右側部分。

它最初進入右側部分，但是隨后在加載圖片，facebook和pinterest插件時，它們會將內容壓低。

我讀到，您可以通過內聯聲明圖像尺寸來避免這種情況。 除了我的網站反應靈敏之外，因此圖像需要流暢。 有沒有解決的辦法？

如果這不可能，那么JavaScript解決方案也是可以接受的。 現在，主頁菜單使用jquery滾動到右側部分。 有沒有一種方法可以將訪問者發送到主頁，等待其加載，然后使用相同的腳本滾動到某個部分？

編輯：我找到了答案，有點。 我按以下答案回答： https : //stackoverflow.com/a/9805747/1948221

但是該腳本在加載我的社交插件之前就跳轉了，導致了我最初描述的相同問題。 如果我在setTimeout函數中添加一些超時，則頁面有時間完全加載，並且一切運行正常。 唯一的問題是加載時間變化很大，因此不可能每次都正確。

有什么幫助嗎？

Answer 1

如果不使用javascript，我不建議您使用解決方案。 既然您已經用jQuery標記了答案，那么我想您會對這個光滑的示例感到滿意。

您可以在這里找到它的精彩之處 。

更新＃1

我讀到，您可以通過內聯聲明圖像尺寸來避免這種情況。 除了我的網站反應靈敏之外，因此圖像需要流暢。 有沒有解決的辦法？

我想說，如果內聯聲明圖像尺寸，則將采取最佳方法。
使用javascript庫對響應式設計做出反應。 我認為這是可以接受的解決方法。

也許您對使用Device.js（ Github / Demo ）感興趣，以便對不同的設備做出反應。