Nochmal: Objekt mit Animation erst ein blenden, wenn zu diesem gescrollt

[jakestyler]

Hallo,
meinen alten Thread habe ich wohl etwas zu vorschnell geschlossen - Nochmal dazu: Erst wenn zu dem Objekt mit der ID pre2 gescrollt wird, soll es eingeblendet werden. Das habe ich soweit auch hinbekommen:

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

Allerdings sieht man hier: fadeTo(500,1) als Animation, doch dadurch wird das Objekt nur eingefadet. Ich würde dem Objekt aber gerne eine CSS3-Animation hinzufügen, allerdings bekomme ich es mit .addClass('animated fadeInleft') einfach nicht hin.
Ich währe für eine Lösung sehr dankbar!

 

[Banana_Jones]

Was passiert denn / nicht? Wird die Klasse gar nicht vergeben oder funktioniert einfach die CSS-Animation nicht? Ein wenig genauer könnte man schon fragen...

 

[Tronjer]

So wirklich Sinn macht die Funktion nicht. Wozu each(), wenn es nichts zum iterieren gibt, und was sollen die Funktionsparameter? Ich würde das Ganze auseinandernehmen.

btw. hindert dich doch nichts daran, mal $('#pre').addClass('foo') zu schreiben, um zu sehen, ob die CSS3 Ani für sich sich selbst funktioniert.