스크롤 다운시 TEXT 페이드 인 효과 수행 방법

Question

스크롤 다운시 FADE-IN 효과가있는 텍스트를로드하는 데 약간의 도움이 필요합니다. 이미지 (예 : Mashable.com)에서 페이드 인 로딩을위한 플러그인을 발견했지만 텍스트도 똑같이 필요합니다.

당신은

Answer 1

@ 움직임 감지 기능과 마찬가지로, 솔루션의 한 부분은 fadeIn 방법을 사용하고 있습니다.
다른 부분은 $(window).scroll(function (e) {})

체크 아웃 스크롤 API를 http://api.jquery.com/scroll/

에 코드를 쓰고 그리고 당신이 사용하는 것이 좋습니다 : 이것은 특정 요소의 오프셋 (offset) 스크롤을 얻을 수

을

(function ($) { 
    jQuery.fn.scrollOffset = function() { 
     var win = $(window); 
     var topSpace = this.offset().top - win.scrollTop(); 
     var bottomSpace = win.height() - this.height() - topSpace; 
     var leftSpace = this.offset().left; 
     var rightSpace = win.width() - this.width() - leftSpace; 
     return { top: topSpace, bottom: bottomSpace, left: leftSpace, right: rightSpace }; 
    }; 
})(jQuery); 

.

모두 연결하면 솔루션을 찾을 수 있습니다.

Answer 2

텍스트 페이드 어떤 플러그인이 필요하지 않습니다 감사합니다. 당신은 jQuery의 fadeIn() ID = "내-DIV"와 사업부에 퇴색하는

$('#my-div').fadeIn(); 

같은 ... 뭔가를 사용할 수 있습니다. http://api.jquery.com/fadeIn/