滚动时如何混合背景图像

时间:2017-02-05 05:59:56

标签: jquery css background-image fade

我有一个页面网站,我希望在向下滚动时淡出<body背景。我试过jQuery,但似乎无法找到正确的选择器。我可以让我的<body元素淡出但background-image保持完全不透明度。我试过了:

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

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

1 个答案:

答案 0 :(得分:1)

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

Select customer_name, id, order_amt, [week]
(
    Select c.customer_name, c.id, o.order_amt, [week],
           rn = row_number() over (partition by [week] order by o.order_amt desc)
    from customer c
    Join Order o
        on c.id=o.id
) d
where rn <= 3