码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-02-23 15:25:13      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

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

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

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

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

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

标签:

原文地址:http://www.cnblogs.com/vonk/p/4298054.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!