あい。
いつも一方的にお世話になっているwebクリエイターボックス 様のページトップへ戻るナビが
素敵だなーと思ったので猿真似しましたw

とりあえず、ナビゲーションをposition:fixedで表示したい位置に固定。
その後


$(function () {
 $(window).scroll(function () {
 if ($(this).scrollTop() > 100) {//100px以上スクロールしたらばナビがフェードイン
 $('#toTop').fadeIn();
 } else {
 $('#toTop').fadeOut();//そうでなkればフェードアウト
 }
 });

// scroll body to 0px on click
 $('#toTop').click(function () {
 $('body,html').animate({
 scrollTop: 0
 }, 800);
 return false;
 });
 });


webクリエイターボックス様ではjsでナビを.hide()されてたんですが、
そのやり方では一瞬ナビがちらついたので、うちではCSSでdisplay:noneしていしています。

それにしてもハッスルサーバー最近糞重い。
移転しようかなぁ・・・。


コメントを残す

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)