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

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);

演示