如何在向下滚动时融合背景图像

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