Führen Sie jquery Code abhängig von der Bildschirmgröße

Question

Ich muss den folgenden Code nur ausführen, wenn die Bildschirmgröße des Benutzers über das eines mobilen oder Tablet-Geräts (sagen wir 724 px). Auf einem kleineren Bildschirmgerät sollte der div id # mobile-logo-scroll so eingestellt sein, dass er die ganze Zeit anzeigt.

<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> 

Ich bin nicht kompetent mit Jquery, und haben versucht, diese in andere conditionals nisten, aber ohne Glück.

Was ist der beste Weg, den Code abhängig von der Bildschirmgröße bedingt auszuführen?

Answer 1

Vielleicht könnten Sie versuchen, das Fensterobjekt und sein Attribut zu verwenden?

Ich habe window.innerWidth und window.innerHeight in der Konsole gesehen, vielleicht könnten Sie damit versuchen?

Ich weiß nicht, was Sie genau tun wollen, sondern etwas das ish die Arbeit machen sollte:

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