気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
riatw.meエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
position: fixed;でページ内リンクの頭出しがずれる件の解決策を考えてみる | Blog | riatw.me
最近の流行りかは分かりませんが、ヘッダー、もしくはナビゲーションだけが スクロールの途中から固定す... 最近の流行りかは分かりませんが、ヘッダー、もしくはナビゲーションだけが スクロールの途中から固定するサイトをつくる機会が増えてきました。 そのデザインを見た時の毎回の悩みは、「ページ内リンクの頭出しがずれるのをどうしよう...」ということでした。 今日もまた同じことで悩んだので少し調べつつ、解決策を考えてみました。 この状況が発生するシチュエーション コンテンツより前に存在する要素（ヘッダー・ナビなど）をposition: fixed;で固定している ネットに載っていた解決策 CSSで解決する方法 頭出しの対象となる要素（見出しなど）に以下のCSSを指定する padding-top: 100px; /* 固定するもののheightと同じpx値 */ margin-top: -100px; /* 固定するもののheightと同じpx値 */ JavaScriptで解決する方法 ページ表示時に
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
riatw.me
riatw.me
riatw.me
riatw.me
dena.com
www.expo70-park.jp
www.megamouth.info
www.newsweekjapan.jp
www.techno-edge.net
qiita.com/uhyo
www.itmedia.co.jp
www.gizmodo.jp
japan.cnet.com
github.com/NSG650
ascii.jp
tenki.jp
tonari-it.com
blog.jbs.co.jp
studyhacker.net
www.hotpepper.jp
www.hotpepper.jp
2018/05/13 リンク