2016-02-13 472 views
0

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

+1

請看一看http://stackoverflow.com/help/how-to-ask。可能值得展示你迄今爲止所嘗試的內容,以便其他人可以幫助你完成代碼。 – micstr

回答

0
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/