如何在向下滾動時融合背景圖像

Question

我有一個頁面網站，我想淡出<body背景向下滾動。我曾嘗試使用jQuery，但似乎無法找到正確的選擇器。我可以讓我的<body元素褪色，但background-image保持完全不透明狀態。我已經試過：

$(window).scroll(function() { 
    $("body").css({ 
     'opacity': 1 - (($(this).scrollTop())/250) 
    }); 
    }); 

請參閱：http://inetgate.biz/ron.eggler/

Answer 1

您要減少體內的不透明性，這意味着在滾動它會隱藏全部內容，我想如果你能達到預期的效果創建身體底下一個新的div權，然後把大圖上該div直接或作爲背景圖像，並設置DIV屬性絕對和100％的寬度高度， 然後添加你喜歡這個

$(window).scroll(function() { 
$("new div id ").css({ 
'opacity': 1 - (($(this).scrollTop())/250) 
}) 
}); 

JS