Javascript 如何使用js指定页面加载的初始状态？

我在导航栏中有一个品牌，我想在第一个100px之前隐藏它。但当加载页面时，品牌是可见的。只有在向下滚动页面后，代码才能工作

考虑这个例子

$(window).scroll(function(){
  if($(window).scrollTop()>100){
     $("#theDiv").fadeIn();
  }else{
     $("#theDiv").fadeOut();
  }
});

当您打开链接时，黄色方块将可见（不需要）。向下滚动时，正方形仍然可见（根据需要）。但当您返回到第一个100px时，正方形将消失（如所需）

---

如何在页面加载时使正方形不可见？

这里有一个简单的方法，无需进行太多更改

$(window).scroll(function(){
    fader();
});

function fader(t){
       if($(window).scrollTop()>100){
         $("#theDiv").fadeIn(t);
      }else{
         $("#theDiv").fadeOut(t);
      }   
}

$(document).ready(function() { fader(0); });

---

如果你不想一开始就褪色，请告诉我。

差不多！我只是不想一开始就褪色。有一种在页面加载时使用“隐藏”的方法吗？太好了！它在我的导航栏里工作得很好。非常感谢你，加里普^o^