Question

因此，我只是在屏幕宽度大于900px时尝试触发以下jquery操作。如果屏幕较小，.homepage应该具有类.active。

$(function() {
    var header = $(".homepage");
    $(window).scroll(function() {
    var scroll = $(window).scrollTop();
        if (scroll >= 10) {
            header.addClass("active");
        } 
        else {
            header.removeClass("active");
        }
    });

    $(window).scroll(function () { 
        $('.header-text').css({
            'top' : +($(this).scrollTop()/1)+"px"
        }); 
    });
});

任何帮助都会很棒。谢谢:)）

Answer 1

<强> WORKING FIDDLE EXAMPLE

试试这个：

$(window).resize(function(){
    checkWindow();
});
$(document).ready(function(){
    checkWindow();
});

function checkWindow(){
    var windowWidth = $(window).width();
    console.log(windowWidth);
    if(windowWidth > 900){
        //do what you need to do when window > 900
    }
    else{
        // do what you need to do when window < 900
    }
}

如果$(window).width()不符合您的要求，您也可以使用$(document).width()。

// Returns width of browser viewport
$( window ).width();
// Returns width of HTML document
$( document ).width();

在宽度上点火jquery＆gt; 900

1 个答案: