###前提・実現したいこと
HTML製作中。jQueryにて画面スクロールに応じて動きを演出したいと思っています。
下記URLを参考に調整中
http://www.webopixel.net/lab/sample/12/0308scrollshow/pagetop-move.html
###発生している問題・エラーメッセージ
参考サイトのコードだと、一度スクロールを開始すると右下にウインドウが表示。表示されたウインドウはスクロールが一番上に戻ったときに消えます。
今回追加調整したいのは、「一番下まできたら消える。」という処理。
また、一番下まで来て消えたウインドウを、再度スクロールを上に戻したら(例えば100ピクセル戻ったとき)再表示されるようにしたいと思っています。
###該当のソースコード
<script type="text/javascript"> $(function() { var showFlug = false; var topBtn = $('#hover-window'); topBtn.css('bottom', '-200px'); var showFlug = false; $(window).scroll(function () { if ($(this).scrollTop() > 100) { if (showFlug == false) { showFlug = true; topBtn.stop().animate({'bottom' : '10px'}, 200); } } else { if (showFlug) { showFlug = false; topBtn.stop().animate({'bottom' : '-200px'}, 200); } } }); }); </script>
###試したこと
if分の書き方が不明なので調整が出来ませんので力をお借りしたいと思います。
よろしくお願いたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。