尝试在这里看到的jsfiddle视差图像标题：http：//soworldwide.org/

Question

我尝试从http://soworldwide.org/中查看网站上看到的imageheader视差效果。现在我想在开始滚动时淡出/并在大标题中。但标题消失得很厉害，只会在光滑的情况下逐渐消失......当消失时，我怎么能淡化呢？

http://jsfiddle.net/NQHmw/3/

---

$(window).scroll(function(){

       if($(window).scrollTop()<20){
             $('.headline').stop(true,true).fadeIn("slow");
       } else {
             $('.headline').stop(true,true).fadeOut("slow");
       }
    });

Answer 1

这似乎是一个2岁的问题但是stop（）函数阻止了文本的淡入/淡出效果。在这里查看：

$(window).scroll(function(){
   if($(window).scrollTop()<20){
     //$('.headline').stop(true,true).fadeIn("slow");
     $('.headline').fadeIn("slow");
   } else {
     //$('.headline').stop(true,true).fadeOut("slow");
     $('.headline').fadeOut("slow");
   }
});

http://jsfiddle.net/NQHmw/60/