[サポートFAQ]
ライン
更新日:2012.10.05 - 情報番号:052360
ライン
Q ページの先頭へジャンプするボタンを作るには?
ライン
A FAQ改善アンケートにご協力ください

縦に長いページで下のほうにスクロールした場合に、クリック一つでページの先頭までジャンプするボタンがあると便利です。
ページの先頭にジャンプさせる方法としては、<a name="○○">というタグが書かれた位置に、<a href="#○○">というリンクでジャンプさせるのが一般的ですが、「ネットショップ・オーナー」では、baseというタグによってリンク先 URLのパスが設定されているため、以下のようにJavaScriptを使用する方法が簡単です。

■操作

  1. [ページデザイン]の、フリーモジュール、またはヘッダ・フッタモジュールを開きます。

    ([商品管理]の「PC用説明文」または「カテゴリ紹介」の入力欄でも可能)

  2. [HTML]タブをクリックしてHTMLタグ入力画面を表示します。

    <body〜>と</body>の間の、リンクを設置したい場所に以下のように入力して、保存します。

    <a href="javascript:window.scroll(0,0)">ページトップへ</a>

    ※上記の「ページトップへ」という文字は、他の文字や画像などに置き換えることができます。

  3. [ページ更新]ボタンをクリックし、ページを更新します。

▲ページの先頭へ戻る

ライン

この情報は、お客様のお役に立ちましたか?

送信
ライン
※本情報の内容は、予告なく変更することがあります。
※本情報の一部または全部を無断で転載及び複写することを禁止します。
※記載された会社名、製品名は、弊社または各社の登録商標もしくは商標です。
弊社の登録商標についてはこちらをご参照ください。