Сделайте что-нибудь 100px, прежде чем полоса прокрутки достигнет дна

Question

У меня нижеприведенный Javascript, и предупреждение появляется так, как и должно быть, когда полоса прокрутки достигает нижней части страницы.

Однако я бы хотел, чтобы это произошло за 100 пикселей до того, как достигнет дна.Как бы я это сделал?

$(window).scroll(function(){
  if($(window).scrollTop() == $(document).height() - $(window).height() ){

    alert("at bottom");

  }
}

Answer 1

$(window).scroll(function(){
  if($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){

    alert("at bottom");

  }
});

Использование > вместо ==, потому что событие прокрутки срабатывает спорадически, поэтому вы можете прокручивать это значение несколько раз, даже если событие не сработало при точном совпадении.