質問: 以下のようなコードでページトップボタンを作成しました。 フルサイズでは問題なくトップページボタンが表示されていて機能するのですが、 ヘッダーなどがレスポンシブすると消えてしまいます。 どこを改善すればレスポンシブ後も消えずに表示されたままになりますか? メディアクエリでまた同じコードを書けば、表示されそうですが、 なんで消えたのかの理由がよくわからなくて気持ち悪いです。 ヘッダーとなぜ連動しれるのかもよく分からないです。 よろしくお願いします。 ``` ``` ``` .page-top { position: fixed; right: 18px; bottom: 10px; z-index: 99; } .page-top img { width: 65px; height: 65px; opacity: 0.5; } ``` ``` $(function() { /*トップページボタン制御*/ $('.page-top').hide(); //トップページボタン非表示 $(window).scroll(function(){ if($(this).scrollTop() >100 ) {// スクロールが100より大きい場合 $('.page-top').fadeIn(); //フェードイン } else { $('.page-top').fadeOut(); //フェードアウト } }); $('.page-top').click(function () { // TOP-Pageボタンクリックされた時 $('.body,html').animate({scrollTop: 0}, 500); // TOPへスクロール return false; }); }); ```
回答: ``` /*トップページボタン制御*/ $('.page-top').hide(); //トップページボタン非表示 $(window).scroll(function(){ if($(this).scrollTop() >100 ) {// スクロールが100より大きい場合 $('.page-top').fadeIn(); //フェードイン } else { $('.page-top').fadeOut(); //フェードアウト } }); ``` この部分を消したら表示されすようになりました。アドバイスありがとうございます。