今回も皆様のお力を借りるべきこちらへ投稿させて頂きます。
タイトル通りなのですが、ブログの右端にTOPへ戻るアイコンを
設置したいのですが、上手く行きません。
ネットでかなり探してたどり着いたのですが、どうもしっくりきません。
----------------------------------------------
【コード】
<div id="back-to-top" style="position:fixed;right:12px;bottom:12px"><a href="#"><img src="画像のURLを用意" /></a></div>
<script>
$(function(){
$("#back-to-top").hide();
$(window).scroll(function(){
if($(this).scrollTop() > 600){
$("#back-to-top").fadeIn();
} else{
$("#back-to-top").fadeOut();
}
});
$("#back-to-top a").click(function(){
$("body,html").animate({
scrollTop:0
},1000);
return false;
});
});
</script>
----------------------------------------------
上記コードをHTML内に入れれば事は済むと思いましたが、思うようにはいきませんでした。
まずスクロールする前からアイコンが出っぱなしで、下にスクロール
後にアイコンを押すとTOPへただ戻るだけです。
(数値を変更しても意味なしでした)
①スクロールするように戻りたい
②アイコンを押してTOPへ戻るとURLに「#」がついてしまう事を避けたい
参考サイトは⇒ http://deskpost.blog103.fc2.com/
■もう一つ知りたいことがあります。
画像の青枠のようにタブを付けたいのですが、簡単に付けることは
可能でしょうか?
じゃあ、テンプレートを現在のから変更しろよと言われそうですが、
現在のまま行いたいのです。どうぞよろしくお願い致します。
このコミュニティにご参加頂くと、コメントの書き込みができます
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー
参考サイトを見て勉強した後、再度ご質問させて下さいませ。
JavaScriptというものが解っておりませんので、こちらも勉強でしょうか。
ブログではHTMLとCSSしかないと思っていましたが・・・(汗)
また、標野ゆき様のご指摘では簡単にはいかないようなので、
こちらはあきらめたいと思います。
ホントやりたいことが全然解らないので皆様には感謝しております。
標野様につきましては再度のアドバイスありがとうございます。
少々勉強してまいります ^^