window.scroll은 페이지 시작 부분에서 트리거됩니까?

Question

스크롤 할 때 div 블록의 불투명도 값을 변경하려고합니다.

 $(window).scroll(function(e) { 
      var s = $(window).scrollTop(), 
      opacityVal = (s/200.0); 
      $('.blur').css('opacity', opacityVal); 
    }); 

div 블록이 페이지 중간에있는 경우 div 블록에 도달하면 불투명도 값이 변경됩니다. div 블록에 도달했을 때 $ (window) .scroll()을 시작하려면 어떻게해야합니까?

Answer 1

div 요소 scrollTop 및 창 높이를 계산에 포함시킵니다. 그러면 div가 보이는 창 영역의 맨 아래에있을 때 불투명 애니메이션이 시작됩니다. 또한 '클램프'기능을 추가하여 0-1 범위로 유지했습니다.

$(window).scroll(function(e) { 
    var s = $(window).scrollTop() - $('.blur').scrollTop() - $(window).height(), 
     opacityVal = Math.max(0, Math.min(1, s/400)); 
    $('.blur').css('opacity', opacityVal); 
}); 

참조 : http://jsfiddle.net/AGcYH/ "나는 DIV 블록에 도달했을 때"