ヘッダー固定時のページ内リンク位置調節

ヘッダーを上部に固定した時に、ページ内リンクで移動するとヘッダーに隠れてしまいます。そんなときの問題をCSSで解消する方法です。

#anchor{
  margin-top:-100px;
  padding-top:100px;
}

ページ内のアンカー部分にずらしたい分だけmargin-topとpadding-topを入れます。

カテゴリ:CSS 投稿日時:2016年9月3日 15:30


コメント

コメントはまだありません。

コメント投稿

ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。

ニックネーム

コメント

カテゴリ

新着備忘録

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

iphoneで入力フォームを選択すると画面が拡大されてしまう問題

iphoneで入力フォームを選択すると画面が拡大されてしまう問題を解決する方法

絵文字をデータベースに保存する

さくらインターネットで絵文字をデータベースの保存する方法です。