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

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

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年11月
        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  
各記事へのコメント
月別記事
お問い合わせ
Powered by さくらのブログ