jQuery가 스크롤에 표시됩니다.

Question

Hia 전문가! 내가 인터 웹을 아래로 스크롤 한

마지막으로, 나는 매력적인 사이트 (http://www.neotokio.it/)를 발견했고, 나는 그들이 그것을 어떻게보고 싶어, 난, 지금까지 유래의 도움으로

effect = $("#certainDIV").fadeTo(0, 0); 

$(window).scroll(function(d,h) { 
    effect.each(function(i) { 
     a = $(this).offset().top + $(this).height(); 
     b = $(window).scrollTop() + $(window).height(); 
     if (a < b) $(this).fadeTo(500,1); 
    }); 
}); 

이를이왔다 거의 효과의 시작입니다. 그리고 저는 지금까지이 글을 쓰고 있었지만, 지금은 어떻게 만드는지 궁금합니다. 한 라인의 단어가 시작되면 다른 단어가 시작됩니다. 나는 그것의 그러나 어렴풋한 것을 알고있다. 그러나 당신이 봐 걸릴 때 당신은 내가 의미하는 것을 이해할 것이다.

당신이 전문가의

수있는 사람이 나 좀 도와 ... 그들은 단어를 만들

효과는 정말 매력적이다,하지만 난 어떻게 jQuery를에 그 만드는 단서가 없다?

감사합니다.

Answer 1

나는 선이 아래로 이동하고 불투명도가 증가하는 방식을 말하는 것으로 가정합니다. 여백 - 상단과 불투명도를 함께 애니메이션으로 처리합니다. 이 예제를 사이트에서 가져 와서 상황을 이해할 수 있도록 약간 수정했습니다.

$(".mySelector").css({opacity:0,marginTop:-10}) 
    .delay(500) 
    .animate({marginTop:0,opacity:1}, 600, "linear"); 

확실히 멋진 효과입니다.