アンカーリンクのずれを解消するcss :target:before { height: 100px;/* ヘッダの高さ */ margin: -100px 0 0;/* ヘッダの高さ */ content: ' '; display:block; } を入れましょう。 大体うまくいきますが、解消されない場合は下記の方法を。 ターゲットとなるIDに直接指定する #ID名::before { content: ' '; display: block; height: 100px;/* ヘッダの高さ */ margin-top: -100px;/* ヘッダの高さ */ vertical-align: top; } このどちらかでうまくいくでしょう。 February 18, 2024 3:59pm. NBC. Kate Snow is stepping down as anchor of NBC Nightly News on Sundays, and will focus on the weekday NBC News Daily and her role as senior national correspondent. Snow アンカーリンクがずれるときの対処法. ヘッダーをposition:fixed;で固定している場合、アンカーリンクがヘッダーの高さ分だけずれてしまいます。 これを改善する方法は以下の2つになります。 CSSで調整する WordPress アンカーリンク ジャンプ位置のずれ 解決方法 2023.04.19 WordPressでは アンカーリンク （ページ内リンク）にジャンプ（移動）した時、表示位置がずれていて、見たい項目タイトル (h2やh3等)が画面の上に切れてしまっていました。 そんな場合でも確実に正しい場所にジャンプさせる簡単な解決方法をご紹介します。 解決方法 下の表記をWordPressの カスタムCSSに追記 するとあっさりとうまく動作しました。 わざわざクラスやidを個別に用意したりしなくてもサイトの全てのページに対応するのでめっちゃ便利です。 （私は、固定ヘッダがないので、60pxではなく"height:3rem;"、"margin:-3rem 0 0;"にしました。 |ahs| gzn| kxe| ebj| pyj| vsu| raf| uhg| gmy| fzb| vxi| trs| yik| hpk| xfv| jud| myu| mwm| owv| iek| wbl| can| yyq| vho| oyr| ttu| wba| umm| dzd| nuz| jaf| ifg| yhz| cil| igc| dey| fnu| mpr| rux| plo| yvj| mbo| trx| kuc| yzx| sxu| qvl| qra| mui| ytn|