当ブログもそうですが、最近はヘッダ部を固定して表示するページが非常に増えました。[position:fixed]でヘッダを固定している場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。今回はその場合の対処方法を紹介します。ページ内リンクの位置ずれを解消する方法CSSで調整する方法と、JavaScript(jQuery)で調整する方法があります。今回はヘッダの高さを「100px」に設定した場合で説明します。id="link01">リンク先</div></div>CSSで調整する方法padding-topでヘッダの高さ分ずらし、margin-topで同じ値をマイナスにいれます。移動するターゲットの座標から、ヘッダの高さ分位置をずらします。});});どちらでも実現できますが、ページ内リンクの数が多い場合はJavaScriptで対応した方が楽だと思います。次の記事カラーコードを取得したい時はGoogle検索が便利!カラーピッカー機能が簡単に使えちゃう!Comment返信をキャンセルする。お名前コメント(承認後、反映されます)上に表示された文字を入力してください。{{#message}}{{{message}}}{{/message}}{{^message}}送信は失敗しました。{{status_code}})。このフォーム処理機能の開発者に連絡して、このメッセージを改善してください。詳しく{{/message}}{{#message}}{{{message}}}{{/message}}{{^message}}送信は成功したようです。送信が処理されていない場合があります。このフォーム処理機能の開発者に連絡して、このメッセージを改善してください。POSTS歴代ドラゴンクエストシリーズをおすすめ順に評価!1番面白いドラクエは...黒烏龍茶は本当に脂肪の吸収を抑えるのか?飲み続けてわかった驚きの効果iTunesにiPhoneを接続してもデバイスを認識しない時の解決方法AUTHOR著者:Turkey某システム会社でWEB制作の仕事を担当。好きなものはハワイとゲームとスノーボード。このブログでは私が気になった話題を雑食的に紹介しています。