jQuery Menu animation
0 0 
molily
0
jQuery Menu animation
Hallo,
meine Seite besteht aus einer OnePage. Bei einem Menüklick slidet man zum gewünschten "div".
$('.service, .serviceMobile').click(function(){
$('html,body').animate({scrollTop: $("#ContainerToSlide").offset().top - 70}, 1500);});
Jetzt hab ich diese Animation gefunden. Weis jemand ob man das auch mit jQuery machen kann bzw. wie?
Wäre Euch dankbar für Hinweise (Ich hab leider nichts gefunden beim googeln)
lg
Hannes
-
Hallo,
Jetzt hab ich diese Animation gefunden. Weis jemand ob man das auch mit jQuery machen kann bzw. wie?
Wäre Euch dankbar für Hinweise (Ich hab leider nichts gefunden beim googeln)
Vielleicht wäre es auch hilfreicher gewesen, mal in den Quellcode der Site zu gucken ...?
Dort findest du u.a. http://theorydesign.ca/js/script.js
und die Seite verwendet jQuery.Gruß Gunther
-
Hallo,
danke, ich habs mit easing gemacht.
lg
Hannes
-
-
Hallo,
Jetzt hab ich diese Animation gefunden. Weis jemand ob man das auch mit jQuery machen kann bzw. wie?
Du kannst animate() zweimal aufrufen und damit Animationen definieren, die nacheinander ausgeführt werden. Im Beispiel wird erst etwas mehr als nötig gescrollt (z.B. Zielwert + 50), dann zum Zielwert.
Zwischen den Animationen lässt sich ggf. eine Verzögerung einfügen.
Mathias
-
Meine Herren!
Wäre Euch dankbar für Hinweise (Ich hab leider nichts gefunden beim googeln)
Du kannst für eine Animation den Parameter "easing" angeben.
Übersicht der Easing-Methoden.
--
“All right, then, I'll go to hell.” – Huck Finn