Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
根据屏幕大小运行jquery代码_Jquery - Fatal编程技术网

根据屏幕大小运行jquery代码

根据屏幕大小运行jquery代码,jquery,Jquery,只有当用户的屏幕尺寸高于移动设备或平板设备的屏幕尺寸(比如724px)时,我才需要运行以下代码。在较小屏幕的设备上,div id#mobile logo滚动条应设置为始终显示 <script type="text/javascript"> (function mobileFader($) { $(document).ready(function(){ $(window).scroll(function(){ if ($(th

只有当用户的屏幕尺寸高于移动设备或平板设备的屏幕尺寸(比如724px)时,我才需要运行以下代码。在较小屏幕的设备上,div id#mobile logo滚动条应设置为始终显示

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

(函数mobileFader($){
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
如果($(this).scrollTop()>200){
$(“#手机徽标滚动条”)。向下滑动(500);
}否则{
$(“#手机徽标滚动条”).slideUp(500);
}
});
});
})(jQuery);
我不精通jquery,并且尝试过将其嵌套在其他条件中,但运气不佳


根据屏幕大小有条件地运行代码的最佳方法是什么?

也许您可以尝试使用窗口对象及其属性

我在控制台中看到了window.innerWidth和window.innerHeight,您可以试试吗

我不知道你到底想做什么,但这件事应该做:

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

检查
滚动
处理程序中的窗口大小,仅当窗口大小为所需时才运行代码。当然,它会在用户每次滚动时运行,但检查窗口大小不会花费太多时间。我不知道width()?谢谢,我以类似的方式使用了
document.documentElement.clientWidth