-
1:ID:DP9csx · 2022-01-27

アンカーリンクの関してご相談

外部ページからのアンカーリンクの挙動で悩んでおります。


外部からのアンカーリンク(https://hoge.jp#fuga)なので、
#fugaのスクロール位置から始めたい意図の際に

画像が読み込み途中のため高さが確保されておらず、
位置がずれる場合があると思います。

一般的なネットに載っている対応として、
onloadイベント時に、jqueryのscrollTop()などで、位置を補正する記載があると思います。

ただ、私が悩んでいるポイントとしまして、
画像を多く使用するランディングページにて
外部からのアンカーを実装したいと思っており、

画像の枚数が多いと、イベント発火まで時間が遅いため、
ユーザビリティ的に問題を感じております。

皆様はこういったケースの場合、どのように対応されてますでしょうか?

※正確には、onloadではなく、高さに関連する<img>の読み込み完了時にイベント設定しています。

4 件の回答

2:ID:8Sycpz · 2022-01-28

img に width と height を指定すれば。試してないが…

3:ID:s5hiD7 · 2022-01-28

fugaとか久々に聞いたな

4:ID:s5hiD7 · 2022-01-28

Re:2
付け加えておくとobject-fitと組み合わせるんだお

5:ID:0QcwgL · 2022-01-28

Re:3
foooooooooi!

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る