特定の場所へのジャンプ方法

Question

いつも大変お世話になっております。

他店の商品ページ内で特定の場所へジャンプできるバナーなどの設置を
見かけますが、特定の場所へジャンプさせる方法をご教示いただけますか？

例えば、こちらの店舗の「ご購入はこちら▼」のバナーをクリックすると
ご購入手続きのエリアに行きますが、この方法を教えてください。
https://item.rakuten.co.jp/kalosbeauty/brush/#brushlink

よろしくお願いします。

Answer

ECマスターズの田中です。

ページ内リンクの仕組みで、ジャンプさせることができます。
https://saruwakakun.com/html-css/reference/link_jump

たとえば、いただいた商品ページですと





のように、ページ自体のURL＋「#brushlink」というURLへリンクを張り、
飛ばしたい先、このページの場合はPC用販売説明文の下端に



のように「id="brushlink"」を指定した要素を置くことで、
特定の場所へジャンプさせる仕組みを実現しております。