画面サイズに応じてjqueryコードを実行する

Question

ユーザーの画面サイズがモバイルデバイスまたはタブレットデバイスのサイズを上回っている場合のみ（724ピクセルとします）、次のコードを実行する必要があります。小さな画面デバイスでは、div id＃mobile-logo-scrollはすべての時間を表示するように設定する必要があります。

<script type="text/javascript"> 

    (function mobileFader($) { 
     $(document).ready(function(){ 

    $(window).scroll(function(){ 
     if ($(this).scrollTop() > 200) { 
      $('#mobile-logo-scroll').slideDown(500); 
     } else { 
      $('#mobile-logo-scroll').slideUp(500); 
     } 
    }); 
}); 
    })(jQuery); 
    </script> 

私はjqueryに堪能ではなく、これを他の条件文の中でネストしようとしましたが、運がありません。

画面サイズに基づいて条件付きでコードを実行するには、どのような方法が最適ですか？

Answer 1

多分、あなたはウィンドウオブジェクトとその属性を試すことができますか？

私はコンソールでwindow.innerWidthとwindow.innerHeightを見たことがあります。おそらくそれを試すことができますか？

私はあなたが正確にしたい何をすべきか知らないが、これっぽいが、仕事をするべきもの：

if(window.innerHeight>724){ 
    /*do stuff*/ 
}