javascript - 如何让div在特定高度后淡入？

Question

我试图让固定的 div 在用户在页面上向下滚动 100px 后出现，并在滚动超过 100px 到顶部时再次消失。

当 div 出现一个很好的过渡时，我想使用 0.5 秒的不透明度渐变过渡。

一直在尝试这样做，但似乎只能在用户使用此代码滚动时让它立即出现:

很想听听有解决方案的人的意见。

谢谢! :)

Answer 1

这是一个开始 http://jsfiddle.net/ZtGK6/

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

});