今から買い物行くぜ!って言いつつ、やっぱり気になるので書いておきます。
朝から3回洗濯機回したがちゃまにあですどーもこんにちは。
この記事を見て上部に戻るボタンを設置する準備をしてるわけですが。
たったの10秒でできる!jQueryで実装する「ページトップへ戻るボタン」 - Kowappa
まだ画像作ってないけど、検索窓の下にとりあえず配置してます。
下にスクロールしたら現れるっていうのはいいんやけど、上に戻っても消えないってのは何でなんだろう?
スクロールの位置を常時観察してるわけじゃないんだろうか。
じゃあどのタイミングでこのfunction実行されるんだろ。謎。
<a id="page-top" href="#blog-title">ページトップへ</a> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript"> $(function() { var btn = $('#page-top'); btn.hide(); $(window).scroll(function () { if ($(this).scrollTop() > 100) { btn.fadeIn();} else { btn.fadeOut(); } }); btn.click(function () { $('body,html').animate({ scrollTop: 0 }, 300); return false; }); }); </script>
こういう謎解きが楽しいっていう私は変ですか(笑)
しかしjQuery面白そうだ!