JavaScript JQuery animate verschiebt Element nach Abschluß der Animation

[hendr1k1]

Hallo,

ich habe ein div "main" welches mit Einträgen aus einer Datenbank gefüllt wird. Dieses Div will ich nun automatisch auf und abscrollen lassen. Das funktioniert auch aber nachdem es einmal auf und wieder heruntergescrollt ist wird es vor dem nächsten Durchlauf einfach schlagartig nach oben versetzt scrollt dann wieder herunter.

Meine Methoder zum Auf und Abscrollen:

function loop() {
	var loopDuration = 5000;
	var dist = $(window).height() - $(document).height();

    $('#main').animate({ 'top': dist}, {
        duration: loopDuration, 
        complete: function() {
            $('#main').animate({'top': 0}, {
                duration: loopDuration, 
                complete: loop});
        }});
}

 

[Spike S.]

Die Funktion alleine funktioniert bei mir, die Box fährt immer wieder ins und aus dem Bild. Hast du noch andere Animatonen oder Events die auf #main zielen? So ein "ruckeln" bei den Animationen kommt häufig durch überlappende Animationen/Events. Wenn also eine Animation bei einem Objekt gestartet werden soll, während eine andere noch aktiv ist.