Lazyload画像とアンカー

画像がブラウザのビューポート（lazyload）に表示されるまで、画像がロードされるのを待つWebページがあります。画像の寸法は不明です。ウェブページの上部には、ページの下部にあるアンカーにジャンプするリンクがあります。ユーザがリンクを押すと、ブラウザはウェブページの間違った位置にスクロールする。これはイメージがブラウザに読み込まれ、ページの高さが変わるからです。言い換えれば、リンクがリンクされた後、アンカーの位置が変化する。このパラドックスを解決する方法はありますか？Lazyload画像とアンカー

出典

2016-07-11 Nebu

あなたはクリックイベントのスクロール位置を計算することができませんか？ –

@AlexGillあなたは何を意味するのか分かりません。現在のショールの位置は私とは無関係です。 Maybyあなたはなぜこれが助けることができるかをもう少しexlpainすることができます。 – Nebu

あなたができることは、イメージが完全に読み込まれた後にリンクとdivを追加することです。例えば

：イメージがロードされている場合は、可能性：

$("#someDiv").append("<a href='#SomeOtherDiv'></a>"); 

$("#someDivAtTheBottomOfThePage").append("<div id='#JumpToThis'></div>");

出典

2016-07-11 13:55:27

Hmm。画像は、ユーザがスクロールダウンした後にロードされる。しかし、私は画像がロードされる前にアンカー位置にジャンプする必要があります。画像がロードされると、何もする必要はありません。 – Nebu

答えて

関連する問題