javascript - jQuery 语法滚动淡入和媒体查询

Question

如果满足两个条件，屏幕尺寸超过 767 像素且滚动条超过 600，我希望此语句使按钮淡出，并在您向上滚动回到顶部时淡出。

如果屏幕尺寸低于 767px，我希望此 jQuery 为 null 并且不执行任何操作。

现在它在 767 以下为空。但是当它在 767 以上时，按钮淡入但不再淡出我们现在添加了 if 语句的第二部分。

我的语法有什么不对？

$(window).scroll(function(){
   if ($(this).scrollTop() > 600, $(window).width() >= 767) {
        $(".fixed-btn").fadeIn();
    }
    else {
        $(".fixed-btn").fadeOut();
    }
});

Answer 1

它是两个条件之间的 AND 运算符，因此:

$(window).scroll(function(){
   if ($(this).scrollTop() > 600 && $(window).width() >= 767) {
        $(".fixed-btn").fadeIn();
    }
    else {
        $(".fixed-btn").fadeOut();
    }
});