Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> animacja bardziej 'smooth' animate()
bialko0019
post
Post #1





Grupa: Zarejestrowani
Postów: 294
Pomógł: 4
Dołączył: 19.12.2008

Ostrzeżenie: (0%)
-----


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 ?
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Wybierz coś sobie: http://jqueryui.com/effect/#easing
Go to the top of the page
+Quote Post
bialko0019
post
Post #3





Grupa: Zarejestrowani
Postów: 294
Pomógł: 4
Dołączył: 19.12.2008

Ostrzeżenie: (0%)
-----


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" );
Go to the top of the page
+Quote Post
kamil4u
post
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Masz całą dokumentację jQuery. Mogłeś zobaczyć sam. Proszę: http://jsfiddle.net/4sLJk/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 18.09.2025 - 19:11