根据屏幕大小运行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对象及其属性？

我在控制台中看过window.innerWidth和window.innerHeight，也许你可以尝试一下？

我不知道你究竟想做什么，但是这个应该做的事情：

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