[ご案内] 記事詳細ページです。(トップへ戻る)

ヘッダ固定による、ページ内リンクのズレを回避する方法      

URL: http://tech.kimihiko.jp/article/172174103.html

このエントリーをはてなブックマークに追加
ヘッダ固定による、ページ内リンクのズレを回避する方法

スマートフォンサイトやPCサイトで
最近トレンドのヘッダ固定ですが、
ヘッダを固定することで、ページ内リンク指定の際に
意図しないズレが発生することがあります。
それの回避方法。

position:fixedでヘッダ固定時のページ内リンクのずれを解消したい | Tips Note
http://www.tam-tam.co.jp/tipsnote/html_css/post4776.html

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

<a href="#link01">なんとか</a>
<div name="link01" id="link01">かんとか</div>


上記参考になりました!!
今後もお世話にな可能性は高そうですね。。

関連する記事(広告含む)
コメントを書き込む
名前 ※ご自由に

メールアドレス ※ご自由に

ホームページ ※ご自由に

コメント ※必ず

  • コメントがうまくできない場合などはこちらをご確認ください。
 
2018年12月
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
各記事へのコメント
月別記事
お問い合わせ
Powered by さくらのブログ