stylesheet

ページ内リンクの位置を調整する方法

ページ内リンクをするときに、リンク先がコンテンツと被ってしまうことがよくあって、paddingで余白とか入れながら良い感じになるように調整をしていたけれど、こ、こんな方法で解決できるのか！！！と思ったので覚書。

html

<a id="name" class="anchor"></a>

css

a.anchor{
display: block;
padding-top: 70px;
margin-top: -70px;
}

margin, paddingで調整することで解決。便利～～

ブックマーク

参考：ページ内リンクのジャンプ先の位置をシンプルなCSSで調整する方法

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1
Outlookを最小化するとタスク バーから消えるのを防ぐ方法

outlookを最小化すると勝手に終了してしまう outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になって ...

2
てがろぐにいいねボタン・改を設置する方法

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3
感想が苦手でもOK！「同人感想メーカー」で簡単＆楽しく感謝を伝えよう

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 同人イベントやSNSで大好きな作家さんの作品に感動したとき、「感想送りたいな！」って思うけど、言葉に詰まっ ...

-stylesheet