使多個圖像淡入在不同的頁面位置jquery

Question

我想在一定的頁面位置有一個img淡入淡出，然後有另一個IMG淡入淡出在不同的頁面位置...我如何實現這一點，我的代碼在下面。現在我只設置了一個img，不知道如何添加另一個頁面位置的第二個。

var startY = 20 

$(window).scroll(function(){ 
checkY(); 
}); 

function checkY(){ 
if($(window).scrollTop() > startY){ 
    $('#head_bar').fadeIn(); 
}else{ 
    $('#head_bar').fadeOut(); 
} 
} 

// Do this on load just in case the user starts half way down the page 
checkY(); 

Answer 1

我得到這個工作，不知道這是否是可靠的，工作在Safari瀏覽器和Firefox ...

var startY = 20 
var startX = 170 

$(window).scroll(function(){ 
checkY(); 
}); 

function checkY(){ 
if($(window).scrollTop() > startY){ 
    $('#head_bar').fadeIn(); 
if($(window).scrollTop() > startX) 
    $('#video_img').fadeIn(); 
}else{ 
    $('#head_bar').fadeOut(); 
    $('#video_img').fadeOut(); 

} 
}