javascript之从页面顶部滚动 100px 后显示 div

我找到了这个，但它是在页面底部之前 100 像素处找到的。我需要它距离页面顶部 100px。我知道如何实现它，我已经完成了其他 jquery 动画，只是没有在这个动画中需要的东西。

$(window).scroll(function(){ 
  if($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){ 
 
    alert("at bottom"); 
 
  } 
}); 

而且，我还需要知道如何反转它，以便当用户在 100 像素之前向上滚动时 div 消失。

这将用于导航栏。

Edit2> 这也有效:

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

请您参考如下方法:

试试这个:

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