如果要满足两个条件(屏幕尺寸超过767像素且滚动条超过600,并且回滚到顶部时淡出),我希望此语句淡入一个按钮。
如果屏幕尺寸小于767px,则我希望此jQuery为null而不执行任何操作。
现在,它在767以下为null。但是当它在上方时,按钮淡入但不再消失,现在我添加了if语句的第二部分。
我的语法有什么不对?
$(window).scroll(function(){
if ($(this).scrollTop() > 600, $(window).width() >= 767) {
$(".fixed-btn").fadeIn();
}
else {
$(".fixed-btn").fadeOut();
}
});
最佳答案
它是两个条件之间的AND运算符,因此:
$(window).scroll(function(){
if ($(this).scrollTop() > 600 && $(window).width() >= 767) {
$(".fixed-btn").fadeIn();
}
else {
$(".fixed-btn").fadeOut();
}
});