アンカーリンクの関してご相談
外部ページからのアンカーリンクの挙動で悩んでおります。
外部からのアンカーリンク(https://hoge.jp#fuga)なので、
#fugaのスクロール位置から始めたい意図の際に
画像が読み込み途中のため高さが確保されておらず、
位置がずれる場合があると思います。
一般的なネットに載っている対応として、
onloadイベント時に、jqueryのscrollTop()などで、位置を補正する記載があると思います。
ただ、私が悩んでいるポイントとしまして、
画像を多く使用するランディングページにて
外部からのアンカーを実装したいと思っており、
画像の枚数が多いと、イベント発火まで時間が遅いため、
ユーザビリティ的に問題を感じております。
皆様はこういったケースの場合、どのように対応されてますでしょうか?
※正確には、onloadではなく、高さに関連する<img>の読み込み完了時にイベント設定しています。
一緒に読まれている質問
4 件の回答
img に width と height を指定すれば。試してないが…
fugaとか久々に聞いたな
Re:2
付け加えておくとobject-fitと組み合わせるんだお
Re:3
foooooooooi!