
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
「lazyload 対応」スムーズスクロールの書き方 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
「lazyload 対応」スムーズスクロールの書き方 - Qiita
#どうも7noteです。lazyloadを入れていてもスムーズにページ内リンクできる方法 以前表示速度が少し心配... #どうも7noteです。lazyloadを入れていてもスムーズにページ内リンクできる方法 以前表示速度が少し心配なサイトがあり、lazyload属性を使いつつもでもページ内リンクをさせたい場面がありました。 もし対策せずにどちらも入れてしまうと、画像が読み込まれていないかページ内リンクの高さ取得が上手くできず 画像が後から読み込まれることで高さが変わってしまい、本来の位置よりも上の方に移動してしまいます。 ですがjQueryのwhenを使うことでこの問題を解決することができます。 lazyload対応スムーズスクロールの書き方 ※jQueryを使用しています。jQueryってなんだという方はこちら $(function () { $('a[href^=#]').click(function(e) { var headerHight = 50; /* ヘッダーの高さ(50px) */ var