Javascript 我只需要在窗口滚动的特定分辨率上执行jquery代码

我有这个jquery代码。我只需要在>950px分辨率下执行。 如果没有，我会丢失响应性徽标。 我想做一些类似联想主页导航栏的事情

$(document).ready(function(){
    //left side menu functions End
    //Logo function
    $(document).scroll(function() {
        if ($(document).scrollTop() < 25) {
            $("div.logo").height(200);
            $('div.logo a').css('background-image', 'url(img/logo-clear.png)');
        } else {
            $("div.logo").height(50);
            $('div.logo a').css('background-image', 'url(img/logo-sm.png)');
        }
    });
});

$（文档）.ready（函数（）{
//左侧菜单功能结束
//标志功能
$（文档）。滚动（函数（）{
如果（$（文档）.scrollTop（）<25）{
$（“div.logo”）。高度（200）；
$（'div.logo a'）.css（'background-image'，'url（img/logo clear.png）'）；
}否则{
$（“div.logo”）。高度（50）；
$（'div.logo a'）.css（'background-image'，'url（img/logo sm.png）'）；
}
});
});

只需将代码放入if条件中，该条件检查窗口的宽度（if（$（window）.width（）>950））

$（文档）.ready（函数（）{
//左侧菜单功能结束
//标志功能
$（文档）。滚动（函数（）{
如果（$（窗口）.width（）>950）{
如果（$（文档）.scrollTop（）<25）{
$（“div.logo”）。高度（200）；
$（'div.logo a'）.css（'background-image'，'url（img/logo clear.png）'）；
}否则{
$（“div.logo”）。高度（50）；
$（'div.logo a'）.css（'background-image'，'url（img/logo sm.png）'）；
}
}
});
});

只需将代码放入if条件中，该条件检查窗口的宽度（if（$（window）.width（）>950））

$（文档）.ready（函数（）{
//左侧菜单功能结束
//标志功能
$（文档）。滚动（函数（）{
如果（$（窗口）.width（）>950）{
如果（$（文档）.scrollTop（）<25）{
$（“div.logo”）。高度（200）；
$（'div.logo a'）.css（'background-image'，'url（img/logo clear.png）'）；
}否则{
$（“div.logo”）。高度（50）；
$（'div.logo a'）.css（'background-image'，'url（img/logo sm.png）'）；
}
}
});
});

您可以添加和删除css，而不是更改css，类似这样

$（文档）.ready（函数（）{
$（文档）。滚动（函数（）{
如果（window.innerWidth>950）{
如果（$（文档）.scrollTop（）<25）{
$（'.logo'）.addClass（'logo-clear'）；
}否则{
$（'.logo'）.removeClass（'logo-clear'）；
}			
}
});
});
正文{
高度：150vh；
}
.标志{
背景颜色：绿色；
宽度：500px；
高度：500px；
}
.标志a{
高度：50px；
}
.logo.logo-clear{
背景颜色：黄色；
}
.logo.logo-clear a{
高度：200px；
}

JS-Bin
您可以添加和删除css，而不是更改css，类似这样


$（文档）.ready（函数（）{
$（文档）。滚动（函数（）{
如果（window.innerWidth>950）{
如果（$（文档）.scrollTop（）<25）{
$（'.logo'）.addClass（'logo-clear'）；
}否则{
$（'.logo'）.removeClass（'logo-clear'）；
}			
}
});
});
正文{
高度：150vh；
}
.标志{
背景颜色：绿色；
宽度：500px；
高度：500px；
}
.标志a{
高度：50px；
}
.logo.logo-clear{
背景颜色：黄色；
}
.logo.logo-clear a{
高度：200px；
}

JS-Bin
你应该改为使用CSS类和媒体查询，并从JS代码中添加/删除该类。你能解释一下吗？可能重复的感谢帮助，Diego你应该改为使用CSS类和媒体查询，并从JS代码中添加/删除该类。你能解释一下吗？可能重复的感谢帮助，Diego是的，我是这样做的，但我失去了响应性标志。。。我怎么能给你发截图呢？是的，我本来是这么做的，但是我失去了响应的标志。。。如何发送屏幕截图？如何发送CSS供您检查？您可以创建一个JSFIDLE，或使用CSS更新您的答案，在我的答案中，您必须使用背景图像更新背景颜色，然后它应该按照您的预期工作。这是您想要的效果吗。下面是代码，我如何发送CSS供您检查？您可以创建一个JSFIDLE，或者使用CSS更新您的答案，在我的答案中，您必须使用背景图像更新背景颜色，然后它应该按照您的预期工作。这是您想要的效果吗。这是它的代码
    $(document).ready(function(){
        //left side menu functions End
        //Logo function
        $(document).scroll(function() {
            if ($(window).width () > 950) {
                if ($(document).scrollTop() < 25) {
                    $("div.logo").height(200);
                    $('div.logo a').css('background-image', 'url(img/logo-clear.png)');
                } else {
                    $("div.logo").height(50);
                    $('div.logo a').css('background-image', 'url(img/logo-sm.png)');
                }
            }
        });
    });