このスクリプトを使用して画像を遅延読み込みする 1 ページの Web サイトがあり
ます#footer。スクリプトが有効になっている場合、画像が読み込まれるとコンテンツがプッシュダウンされるため、遅延読み込みされた画像の下の位置を指すアンカー リンクが壊れます。
どういうわけか位置を再計算する必要がありますが、この背後にあるテクニックに頭を悩ませることはできません。ここでまったく同じ問題を抱えた Mozilla からのバグ レポートを見つけました: https://bugzilla.mozilla.org/show_bug.cgi?id=718321ですが、それでも解決方法を理解できません。ここで Git の変更ログを見ると、実際にその問題をどのように解決したかがわかりますが、必要な手順を理解していないため、それを再現することはできません。
遅延読み込みが有効になっている場合でも、アンカーの位置を再計算してアンカー リンクを再び機能させるにはどうすればよいですか?
わかりました。遅延読み込み画像をよく読んで、上記の問題を修正することもできましたが、最終的には使用しませんでした。なぜ聞くの？画像の遅延読み込みにはいくつかの利点がありますが、常に多くの欠点があります。タッチデバイス、古いブラウザとInternet Explorer、そしてもちろんSEOの問題です。これは、GoogleのボットがJavaScriptを実行したり、<noscript>タグにアクセスしたりしないため、プレースホルダーだけが表示されるためです。画像。
遅延読み込みを使用する必要があるため、(使用しないことを選択する前に) 問題をどのように修正したかを詳しく尋ねようとしていました。しかし、私は自分で解決策を考え出しました。私のサイトが 1 ページャー / リニア エクスペリエンス ( http://thomasgrist.tumblr.com/ ) であり、次のアンカーに何度もジャンプするだけであることを考えると、事前に (ビューポートに表示されるように) 一定量をロードするだけで済みます。 lazyload プラグインのしきい値設定を使用できます: http://www.appelsiini.net/projects/lazyload (とにかくありがとう、あなたは私を正しい道に導いてくれました)