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

我找到了这个，但它在页面底部前100像素。我需要它从页面顶部100像素。我知道如何实现它，我也做过其他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");
  }
});

$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>100）{
美元（“#div”）.fadeIn（“慢”）；
}
});
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）<100）{
美元（“#div”）。淡出（“快速”）；
}
});

试试这个：

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

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

  }
});

$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>100）{
//顶部>100像素-显示分区
}
否则{
//试试这个：

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

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

  }
});

我建议这样做：

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

现在，当您访问页面时，div已经隐藏。


没有这一点：

$("#divname").hide()

它将显示然后执行淡出。这不是您想要的。
我想自从您回答此问题后，我添加了一些信息。我将尝试您迄今为止提供的信息。谢谢！这很有效。在更新我的帖子后，我亲自解决了它，并在我的帖子中列出了Edit2>下列出的内容。谢谢您的帮助！我与您一起去了因为我意识到这会更好。我只是展示了我最初提出的解决方案。为什么这会得到否决票？如果是因为Rory发布了完全相同的答案，你可以在参考资料中看到，他在14:04，我的答案一小时后，对他的答案做了更改。