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

当窗口仅高于1030px时 - 以及重新调整大小或加载时触发功能

2 个答案: