隱藏/顯示圖像滾動

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/