javascript - 当窗口仅高于 1030 像素时触发函数 - 并且在重新调整大小或加载时

Question

如何仅在屏幕尺寸仅高于 1030px 时才触发以下功能？（在重新调整大小和加载时）我试图实现这行代码： var windowWidth = $(window).width(); if(windowWidth <= 1030){}但它没有用。

    //Change Header On Scroll//
    $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 40) {
        $("#headerWrapper").addClass("headerDown");
        $("#logo1").hide();
        $("#logo2").show();
    } else {
        $("#headerWrapper").removeClass("headerDown");
        $("#logo2").hide();
        $("#logo1").show();
        }
    });

Answer 1

我会做：

var w = window.innerWidth;
window.onresize = function(){
    w = window.innerWidth;
}

If (w >= 1030) {
    // your code here
}

Answer 2

如果您使用的条件是，if(windowWidth <= 1030)那么只有当窗口小于或等于时才会为真1030。

尝试这个：

$(window).scroll(function() {

    var windowWidth = $(window).width();

    if (windowWidth >= 1030){
        // do yo' thang
    }
}