Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: animacja bardziej 'smooth' animate()
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
bialko0019
Witajcie. Jak osiągnąć efekt bardziej łagodnego przejścia za pomocą jquery? Jeśli daję
  1. $('.page').animate({top: "-=" + height + "px"}, 500);


no to oczywiście div`y się przesuwają, ale to jest takie 'szarpane' przesuwane, chciałbym osiągnąć coś podobnego do "http://www.arthelps.de/" gdzie po kliknięciu MORE (na dole) scrolluje się strona nie ruchem jednostajnym, tylko tak fajnie najpierw wolniej, potem troszeczkę szybciej - i jest to o wiele bardziej gładko, niż za pomocą zwykłęgo animate. Co można na to poradzić i jak osiągnąć można podobny efekt? Czy jedynym wyjściem jest animate() najpierw top -=10% z szybkością np. 100ms, potem o kolejne 10% znowu szybciej itd ?
kamil4u
Wybierz coś sobie: http://jqueryui.com/effect/#easing
bialko0019
O, fajna, sprawa, kurcze zapomniałem o effect, że jest coś takiego... A podpowie jeszcze ktoś, czy można, a właściwie jak z animacją przesuwania, czyli zmiany wartości css top?

coś typu:

$('.page').effect( {top: "100px"}, "easeInOutCirc", "slow" );
kamil4u
Masz całą dokumentację jQuery. Mogłeś zobaczyć sam. Proszę: http://jsfiddle.net/4sLJk/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.