Question

如果视口宽度超过1250像素并且用户位于页面底部附近，我想运行警报。

我目前有两个代码段，可以单独使用......

function checkSize(){
    if ($(window).width() > 1250) {
        alert('hello');
    }
}

checkSize();

$(window).resize(function() {
    checkSize();
});

和另一个片段，用于检测用户向下滚动的距离......

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 700) {
       alert('hello');
   }
});

如何将两者结合在一起if语句？我试过这个，但似乎不起作用..

function checkSize(){
    if ($(window).width() > 1250 && $(window).scrollTop() + $(window).height() > $(document).height() - 700) {
        alert('hello');
    }
}


checkSize();

$(window).resize(function() {
    checkSize();
});

Answer 1

(($(window).width() > 1250) && ($(window).scrollTop() + $(window).height()) > $(document).height() - 700)

您需要放置()来显示您要计算的内容！

Answer 2

在评论中进行讨论。这似乎有效：

function checkSize(){
  if($(window).width() > 1250 && $(window).scrollTop() + $(window).height() > $(document).height() - 700) {
    console.log('hello');
  }
}

checkSize();
$(window).scroll(checkSize);
$(window).resize(checkSize);

Demo

如何将这两个IF语句合并为一个？

2 个答案: