jQuery Fade Out on Scroll无效

时间:2016-07-25 18:21:05

标签: javascript jquery html css scroll

我正在使用它来淡出滚动上的div,但它不起作用,600是div的偏移量。我无法弄清楚为什么这不起作用。

$(window).scroll(function(){

wScroll = $(this).scrollTop();

 $('.hack').css({
    'transform' : 'translate(0px , ' + wScroll/2  +'%)',
    'opactiy' : 1 - (wScroll/600)
 });

});

1 个答案:

答案 0 :(得分:2)

$(window).scroll(function () {
var scrollTop = $(window).scrollTop();
var height = $(window).height();
$('.logo_container, .slogan').css({
    'opacity': ((height - scrollTop) / height)
});
});

Demo