Div에 도달했을 때 div 표시 - Jquery

Question

div가 꽤 떨어져 있습니다. div를 스크롤하여 도달했을 때 div가 나타나길 원합니다. div가 도달하면 (div를 통해 약 30 %) 거기에 그것을 퇴색시킬 수있는 방법이 있습니까?

나는 의미가 희망적이다 : s

고마워.

Answer 1

여기에 한 가지 방법이 있습니다. 비록 당신이 시도 할 수있는 수많은 일반적인 scrollspy 플러그인이 있지만. (그러나 bootstrap 사람은 나를 위해 작동하지 않았다, 그래서 나는이했다.)

function scrollfadein(selector, offset, speed) 
{ 
    if (speed == undefined) 
    { 
     speed = 1500; 
    } 

    $(selector) 

    /* hide elements initially */ 
    .css('opacity', 0) 

    /* each element gets its own callback so it can be removed after it's triggered */ 
    .each(function(){ 
     var el = $(this); 
     var fun = function() 
     { 
      /* calculate offset if it's a fraction multiply by element height */ 
      offset = (offset == undefined) ? 0 : (offset < 1 ? offset*el.height() : offset); 

      /* height and offset might all change if window is resized, so 
       always use up-todate values. */ 
      if ($(window).scrollTop() > el.offset().top - $(window).height() + offset) 
      { 
       /* fadein element */ 
       el.animate({'opacity':1}, speed); 

       /* remove callback now that it has triggered */ 
       $(window).off('scroll', fun); 
      } 
     }; 
     $(window).on('scroll', fun); 
    }); 
} 

예 : http://jsfiddle.net/eg4HS/