2016-07-25 6 views
0

스크롤을 사용하여 div를 페이드 아웃하는 데 사용하고 있지만 작동하지 않는 경우, 600은 div의 오프셋입니다. 왜 이것이 작동하지 않는지 나는 알 수 없다.jQuery 페이드 아웃 스크롤 작동하지 않는다

$(window).scroll(function(){ 

wScroll = $(this).scrollTop(); 

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

}); 

답변

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

Demo

+0

은 $합니까 (이) 윈도우 함수에서 작동? –

+0

예, 작동합니다. 따라서 $를 사용하여 클로저 내에 작성한 코드는 항상 작동합니다. – Ranjan

+0

감사합니다. Bro, That worked –

관련 문제