基于浏览器窗口大小的条件javascript执行？

我有一个简单的jQuery函数，下面将详细介绍，我正在使用它来操作文档标题的位置，我想知道是否可以添加一个参数，使该函数仅在浏览器窗口具有一定大小时执行？在这种情况下，我希望“stickyHeaderTop”函数仅在浏览器窗口宽度超过1024px时执行；这可能吗

<script type="text/javascript">
    $(function(){
    var stickyHeaderTop = $('header').offset().top;

    $(window).scroll(function(){
            if( $(window).scrollTop() > stickyHeaderTop ) {
                    $('header').css({position: 'fixed', top: '0px'});
            } else {
                    $('header').css({position: 'relative', top: '30px'});
            }
    });
});
</script>

$（函数（）{
var stickyHeaderTop=$（'header'）.offset（）.top；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>stickyHeaderTop）{
$（'header'）.css（{position:'fixed'，top:'0px'}）；
}否则{
$（'header'）.css（{position:'relative'，top:'30px'}）；
}
});
});

您可以在

滚动

事件回调中放置类似的内容

If ($(window).width() < 1024) {
    return;
}

If（$（窗口）.width（）<1024）{
返回；
}

您可以使用

屏幕

-对象的

高度

、

宽度

、

可用高度

和

可用宽度

属性

例如，如果您想在小于800px的屏幕上执行某些代码，只需执行以下操作：

if (screen.width < 800){
// do stuff
}

if（屏幕宽度<800）{
//做事
}

请注意，这是一个存在跨浏览器陷阱（以及在使用stumbleupon工具栏等工具时出现问题）的区域，因此另一种方法是使用jQuery（您已经在使用）来检测客户端的窗口大小：

if ($(window).width() < 800){
// do stuff
}

if（$（窗口）.width（）<800）{
//做事
}

---

进一步阅读关于纯JS的和关于jQuery部分的你看过

window.screen.availWidth

属性了吗？谢谢m90——这里还是JS初学者；这很简单！谢谢你的回复，亚历克斯；我应该把它放在函数中的什么位置？