隐藏/显示图像滚动

Question

眼见效果

$(window).scroll(function() { 
    if ($(this).scrollTop() > 0){ 
    $('.a').fadeOut(); 
    } 
    else { 
    $('.a').fadeIn(); 
    } 
}); 

链接：http://jsfiddle.net/MFUw3/239/

我怎么能开始与我的形象隐藏和显示与滚动？

我是初学者。

Answer 1

通过改变

$(window).scroll(function() { 
    if ($(this).scrollTop() > 0) { 
    $('.a').fadeIn(); 
    } 
    else { 
    $('.a').fadeOut(); 
    } 
}); 

和设置display:none;到a。

Fiddle

Answer 2

http://jsfiddle.net/MFUw3/1834/

首先将显示器设置为

显示：无;

在您的CSS。

然后当你滚动fadeIn。

$(window).scroll(function() { 
    $('.a').fadeIn(); 
}); 

所以为了优化这个更好一点，我们可以做一些事情。首先，每次调用$（）;它正在运行一个功能。我们可以通过在滚动功能外定义a来防止每次滚动时调用此函数。

var a = $('.a'); 
$(window).scroll(function() { 
    a.fadeIn(); 
}); 

其次，我们不希望运行淡入（）我们每次滚动的时候，因为第一次后它会在用户滚动可见。我们可以做的是解除滚动事件。

var win = $(window); 
var a = $('.a'); 

win.on('scroll', function() { 
    a.fadeIn(); 
    win.off('scroll'); 
}); 

http://jsfiddle.net/MFUw3/1835/