[FRAGE] Animiertes Scrollen mit mehreren Aufrufen

[Mephiztopheles]

Hey,

Ich habe ein kleines Problem, dass ich eine Animation verlängern will und unter umständen verschnellern...

ich benutze jQuery und darin die Funktion animate

das sieht ungefähr so aus:

element.animate({scrollTop: 200}, {duration: 600});

Wenn ich die Funktion nochmal aufrufe, hätte ich gerne, dass der Wert sich um 50 erhöht und die Geschwindigkeit um ein drittel erhöht...
Ihr könnt sicher erahnen, worum es geht: FancyScroll
Ich hab da schon so ne winzige Lösung gefunden, aber damit bin ich nicht zufrieden, da es wenn man die Animation schneller schaltet nicht mehr animiert wirkt
Zudem soll die Animation nicht linear verlaufen

Greetz Mephizto

 

[SteelWheel]

Ganz grob würde ich sowas wohl machen (hier im Fenster geschrieben - ungetestet und keine Gewähr; nicht hauen!) ... es geht primär darum, dass Du beim nächsten Aufruf die neuen Zahlen hast - ist also nur als "Muster" zu verstehen.

var scrollOmat = {
   pixels: 200,
   duration: 600,

   scroll: function(element){
      element.animate({scrollTop: scrollOmat.pixels}, {duration: scrollOmat.duration});
      scrollOmat.levelUp();
   },

   levelUp: function(){
      scrollOmat.pixels += 50;
      scrollOmat.duration -= (scrollOmat.duration * 0.33);
      // hier könnten einige Dinge abgefangen werden ^^
   }
}

scrollOmat.scroll( SELECTOR_DEINER_WAHL );

 

[Mephiztopheles]

Das Problem dabei ist, dass die Animation hinten drauf gepackt wird und die erste noch weiter läuft. Aber das soll ja nicht.
Ich kann ja mal meinen Code zur Verfügung stellen....

 

[SteelWheel]

Das ging aus Deinem Posting für mich nicht hervor - dann benötigst Du (IMO) mind. einen .stop()-Befehl, der jedes Mal eine laufende Animation vorab beendet.

 

[Mephiztopheles]

Animation verlängern

Das sagt es doch schon
und stop kann ich daher nicht verwenden, da die Animation dann abgebrochen wird...
Und wie ich schon gesagt hab, soll die Animation "ease" sein

 

[Mephiztopheles]

Sonst einer ?

 

[SteelWheel]

Das sagt es doch schon

Da eine Animation immer einen Zyklus "von ... bis ..." definiert, ist ein "Automation verlängern" nicht identisch mit "Animationsdauer ändern, während diese noch läuft" - zumindest aus meiner Sicht. Hier ist die Fragestellung vielleicht nicht so, wie es in Deinem Kopf wirklich präsent ist.

Mit einer Suche bei Doc Google bekam ich auf Anhieb bei SO einen solchen Ansatz: klick mich - das dürfte Dir mit Sicherheit weiterhelfen.

Viel Erfolg.