1つの記事で見せたい部分まで誘導する方法 HTML
Ads by Google
こんにちは、PHBです。今回は見やすい記事のためのHTMLの1つである見せたい記事まで誘導(スムーズクロール)を紹介します!
スムーズクロールとは←こちらをクリックすると一番下に飛びます。
これができると目次を作成して見やすい記事作りのきっかけになります!
目次
スムーズクロールのHTML
使うHTMLは2つです!
入口と出口この2つを使えばすぐに使えますので是非試してみてください。
入口HTML
<a href="#smoothplay">ここに文字が入ります</a>
出口HTML
<div id="smoothplay">ここに文字が入ります</div>
Ads by Google
入口と出口の区別の仕方
入口HTML
<a href="#smoothplay◯">ここに文字が入ります</a>
◯の部分に数字を入れると区別できます。
例:<a href="#smoothplay1">ここに文字が入ります</a>
出口HTML
<div id="smoothplay◯">ここに文字が入ります</div>
例:<div id="smoothplay1">ここに文字が入ります</div>
応用編
文字を大きくさせて飛ばす!
<a href="#smoothplay1"><H2>ここに文字が入ります</2></a>