このブログを検索

2020年3月11日水曜日

サイト内リンク、目次的なリンク、ページ内で飛ばしたいところに飛ばすリンク

ページ内で飛ばしたいところに飛ばすリンク

ECサイトなどでよく見られる、ご注文はコチラ を押すと商品個所まで移動するリンク(楽天などで見られる)

例えば
https://www.takumikaki.com/shopdetail/002002000002/

のページで説明部分が長いので下部に商品詳細個所に飛ばすリンクを設置

ご注文はコチラ ボタンを押すとページ下部の商品詳細個所に飛ぶようにリンクを設置した

商品詳細個所にspanタグで <span id="kaimonokago"></span> kaimonokagoというidを持たしたspanタグを設置

でご注文ボタンはコチラボタンに

<a href="#kaimonokago"><img src="https://gigaplus.makeshop.jp/marutsukaki/img/kyotsu/gotyumon.gif">
</a>

というリンクを設置

これで押せばspanタグの部分まで飛ぶ


注目の投稿

じぇらいす まちおこし

人気の投稿