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

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

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年07月
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 さくらのブログ