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

Question

我尝试对http://soworldwide.org/网站上看到的 imageheader 视差效果进行 jsfiddle 处理。现在我想在开始滚动时淡出/并在大标题中。但是标题很难消失，只会平滑地淡出……我怎么能在消失时也淡出它？

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/