javascript - 如何使用 jQuery 使图像在滚动条上淡入淡出？

Question

这个问题看起来很简单，但我似乎无法让淡入淡出效果正常工作，请查看 fiddle 以查看代码，您会注意到图像仅在您向后滚动时淡入，并且在您向上滚动时不会淡出向下滚动，为什么会发生这种情况？我认为我没有完全理解我编写的代码，我希望得到一些帮助。

这是 jQuery 代码

var divs = $('.banner');
$(window).scroll(function(){
if($(window).scrollTop()<10){
     divs.stop(true, true).fadeIn(5000);
} else {
     divs.stop(true, true).fadeOut(5000);
 }
});

提前谢谢您!

http://jsfiddle.net/a4FM9/809/

Answer 1

Demo

var divs = $('.banner');
$(window).scroll(function(){
   if($(window).scrollTop()<10){
         divs.stop(true, true).hide().fadeIn(5000); //added hide before fadeIn
   } else {
         divs.stop(true, true).show().fadeOut(5000); //added show before fadeOut
   }
});