FC2ブログ

テンプレート・プラグイン

TOPページアイコンを右端に設定したい。 2ページ目

今回も皆様のお力を借りるべきこちらへ投稿させて頂きます。

タイトル通りなのですが、ブログの右端に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/


■もう一つ知りたいことがあります。
画像の青枠のようにタブを付けたいのですが、簡単に付けることは
可能でしょうか?

じゃあ、テンプレートを現在のから変更しろよと言われそうですが、
現在のまま行いたいのです。どうぞよろしくお願い致します。

by キムさん  2014年07月19日 10:14
by キムさん
2014年07月19日 10:14

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

このコミュニティにご参加頂くと、コメントの書き込みができます

13件中、11~13件表示