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

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"」を指定した要素を置くことで、特定の場所へジャンプさせる仕組みを実現しております。

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

カテゴリーから探す