jquery - 向下滚动时如何混合背景图像

Question

我有一页网站，我想淡出 <body向下滚动的背景。我试过 jQuery但似乎无法找到正确的选择器。我可以得到我的 <body元素褪色但 background-image保持完全不透明。我试过:

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

请参阅:http://inetgate.biz/ron.eggler/

Answer 1

你试图降低 body 的不透明度，这意味着在滚动时它会隐藏整个内容，我认为如果你在 body 的正下方创建一个新的 div 然后将大图像直接放在那个 div 上你可以达到预期的效果或者作为背景图像并将 div 属性设置为绝对宽度和 100% 宽度高度， 然后像这样添加你的js

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