首页 > 其他 > 详细

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

时间:2015-02-23 15:22:37      阅读:154      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!