스크롤시 jQuery 불투명도 및로드시 시작

Question

이 스 니펫에 어려움을 겪어 왔습니다. 1 불투명도에서 0으로 이동하고 0.75에서 1로 변경합니다.

또한 피들링에서 볼 수 있듯이 스크롤을 시작할 때만 숫자가 나타납니다. 스크롤하지 않아도 숫자가 나타나기를 원합니다. 전혀 (onload).

`http://jsfiddle.net/rrmonn/p1cjzyt9/` 

의견이 있으십니까?

감사합니다.

Answer 1

// 1px scroll or less will equiv to 1 opacity 
var fadeStart = 1, 
    // 400px scroll or more will equiv to 0 opacity 
    fadeUntil = 400, 
    fading  = $('#fading'); 

$(window).bind('scroll', function(){ 
    var offset = $(document).scrollTop(), 
     opacity = 0.75; 
    if (offset <= fadeUntil) { 
     opacity = 0.75 + offset/fadeUntil; 
    } 
    fading.css('opacity',opacity).html(opacity); 
}); 

fading.html(fading.css('opacity')); 

또한 CSS에서 기본 불투명도로 .75를 넣습니다. 그리고 몇 가지 수학을 배웁니다.