0

ビューポートの幅が 1250px より広く、ユーザーがページの下部近くにいる場合にアラートを実行したいと考えています。

現在、個別に機能する2つのコードスニペットがあります...

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

2 つを 1 つの if ステートメントに結合するにはどうすればよいですか? 私はこれを試しましたが、うまくいかないようです..

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


checkSize();

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

2 に答える 2

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

()何を計算するかを示すために配置する必要があります。

于 2013-07-07T19:08:24.223 に答える
2

コメントでの議論に続きます。これは機能しているようです：

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

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

デモ

于 2013-07-07T19:08:55.287 に答える