Javascript 如何使用jQuery使图像在卷轴上淡入淡出?

Javascript 如何使用jQuery使图像在卷轴上淡入淡出?,javascript,jquery,Javascript,Jquery,这个问题似乎很简单,但我似乎无法使淡入淡出效果正常工作,请查看小提琴查看代码,您会注意到图像仅在向上滚动时淡入,向下滚动时不会淡出,为什么会发生这种情况?我不认为我完全理解我所写的代码,我希望能得到一些帮助 这是jQuery代码 var divs = $('.banner'); $(window).scroll(function(){ if($(window).scrollTop()<10){ divs.stop(true, true).fadeIn(5000); } else

这个问题似乎很简单,但我似乎无法使淡入淡出效果正常工作,请查看小提琴查看代码,您会注意到图像仅在向上滚动时淡入,向下滚动时不会淡出,为什么会发生这种情况?我不认为我完全理解我所写的代码,我希望能得到一些帮助

这是jQuery代码

var divs = $('.banner');
$(window).scroll(function(){
if($(window).scrollTop()<10){
     divs.stop(true, true).fadeIn(5000);
} else {
     divs.stop(true, true).fadeOut(5000);
 }
});
var divs=$('.banner');
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()

var divs=$('.banner');
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()

var divs=$('.banner');
$(窗口)。滚动(函数(){

如果($(window).scrollTop()非常简单,您只需删除
.stop(true,true)
,它就会在两个方向上消失:

var divs = $('.banner');
$(window).scroll(function(){
   if($(window).scrollTop()<=10){
         divs.fadeIn(5000);
   } else {
         divs.fadeOut(5000);
   }
});
$(window).scroll(function () {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function () {
        var divs = $('.banner');
        if ($(window).scrollTop() <= 200) {
            divs.fadeIn(5000);
        } else {
            divs.fadeOut(5000);
        }
    }, 1000)); //timeout set to 1 second
});
var divs=$('.banner');
$(窗口)。滚动(函数(){

如果($(window).scrollTop()非常简单,您只需删除
.stop(true,true)
,它就会在两个方向上消失:

var divs = $('.banner');
$(window).scroll(function(){
   if($(window).scrollTop()<=10){
         divs.fadeIn(5000);
   } else {
         divs.fadeOut(5000);
   }
});
$(window).scroll(function () {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function () {
        var divs = $('.banner');
        if ($(window).scrollTop() <= 200) {
            divs.fadeIn(5000);
        } else {
            divs.fadeOut(5000);
        }
    }, 1000)); //timeout set to 1 second
});
var divs=$('.banner');
$(窗口)。滚动(函数(){

if($(window).scrollTop()OP还要求图像在向下滚动时淡出。OP还要求图像在向下滚动时淡出。
var divs=$(“.banner”)
确实应该在事件函数中,这样它将始终获取当前元素,否则它将是静态的,只获取代码执行时存在的元素。@PatrickEvans你不能说应该在事件函数中。他在给定示例中所做的完全正确。没有seei你不能对代码的其余部分说别的。
var divs=$(“.banner”)
确实应该在事件函数中,这样它将始终获取当前元素,否则它将是静态的,只获取代码执行时存在的元素。@PatrickEvans你不能说应该在事件函数中。他在给定示例中所做的完全正确。没有seei对代码的其余部分,你不能说别的。