javascript - ページの上部から 100px スクロールした後に div を表示する

Question

私はこれを見つけましたが、これはページの下部の100px前です。ページの上部から 100px 必要です。私はそれを実装する方法を知っています、私は他のjqueryアニメーションを行いましたが、これに必要なものはありません。

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

    alert("at bottom");

  }
});

また、ユーザーが 100px の前に上にスクロールすると div が消えるように、これを逆にする方法を知る必要があります。

これは、ナビゲーション バーに使用されます。

Edit2>これも機能しました：

$(window).scroll(function(){
  if($(window).scrollTop() > 100){
      $("#div").fadeIn("slow");
  }
});
$(window).scroll(function(){
  if($(window).scrollTop() < 100){
      $("#div").fadeOut("fast");
  }
});

Answer 1

これを試して：

$(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        // > 100px from top - show div
    }
    else {
        // <= 100px from top - hide div
    }
});

Answer 2

これを試して：

var menu = $("nav");
$(window).scroll(function(){
  //more then or equals to
  if($(window).scrollTop() >= 100 ){
       menu.show();

  //less then 100px from top
  } else {
     menu.hide();

  }
});