Question

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

考虑这个例子。

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

VIEW DEMO

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

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

Answer 1

这是一种简单的方法，无需进行太多更改。

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

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

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

http://jsfiddle.net/GarryPas/ZtGK6/596/

如果您不想在开始时淡出，请告诉我。

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

1 个答案: