當滾動時更改背景圖像

Question

我試圖改變背景圖像，而只使用CSS3滾動，但我失敗了。我需要幫助如何在css3上做到這一點，而不是js。 我需要將一個圖像的背景不透明度更改爲零，另一個更改爲具有5個折點的1，同時滾動頁面。但我不知道如何處理滾動。 將感謝的幫助）

Answer 1

jQuery(window).scroll(function(){ 
var fromTopPx = 200; // distance to trigger 
var scrolledFromtop = jQuery(window).scrollTop(); 
if(scrolledFromtop > fromTopPx){ 
    jQuery('html').addClass('scrolled'); 
}else{ 
    jQuery('html').removeClass('scrolled');`` 
} 
}); 

http://jsfiddle.net/pZrCM/