Wie man den TEXT-Einblendeffekt beim Scrollen nach unten macht

Question

Ich brauche eine kleine Hilfe beim Laden von Text mit FADE-IN-Effekt beim Scrollen nach unten. Ich habe ein Plug-In gefunden, mit dem Bilder für Einblendungen (wie Mashable.com) geladen werden können, aber ich benötige dasselbe für TEXT.

Vielen Dank

Answer 1

Wie gesagt, ein Teil Ihrer Lösung verwendet die fadeIn Methode.
Der andere Teil schreibt den Code in $(window).scroll(function (e) {})

Schauen Sie sich die Scroll-api http://api.jquery.com/scroll/

Und Sie möchten vielleicht auch diese verwenden:

(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); 

Dadurch wird die Spirale eines bestimmten Elements versetzt wird .

Haken Sie alles zusammen und Sie sollten in der Lage sein, eine Lösung zu finden.

Answer 2

Sie brauchen kein Plugin, um Text einzublenden. Sie können wie jQuery fadeIn() ... etwas verwenden

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

mit id = "my-div" in einem div verblassen. http://api.jquery.com/fadeIn/