ページの先頭へジャンプするボタンを作るには?

縦に長いページで下のほうにスクロールした場合に、クリック一つでページの先頭までジャンプするボタンがあると便利です。

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

1.[ページデザイン]の、フリーモジュール、またはヘッダ・フッタモジュールを開きます。
([商品管理]の「PC用説明文」または「カテゴリ紹介」の入力欄でも可能)

2.[HTML]タブをクリックしてHTMLタグ入力画面を表示します。
<body~>と</body>の間の、リンクを設置したい場所に以下のように入力して、保存します。

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

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

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

posted @ 2015-02-23 14:52  塔斯曼  阅读(100)  评论(0编辑  收藏  举报