Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Płynne przewijanie
darksiders94
post 25.01.2015, 17:58:57
Post #1





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 23.06.2014

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


Witam,
Zastanawia mnie czy istnieje mozliwość jakby wymuszenia płynnego przewijania strony. Wiem, że to zależy od przeglądarki. Chciałbym aby moje strona na każdej przegladarce przewijała się płynnie a nie skokowo. W mozilli jest ok ale opera już tego nie ma. Chodzi rzecz jasna o przewijanie scrollem. Może jakiś skrypt?
Go to the top of the page
+Quote Post
Forti
post 25.01.2015, 18:27:22
Post #2





Grupa: Zarejestrowani
Postów: 655
Pomógł: 73
Dołączył: 2.05.2014

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


http://css-tricks.com/snippets/jquery/smooth-scrolling/

sam używam.


--------------------
Overwatch24 - najbardziej zaawansowany Polski portal Overwatch od fanów dla fanów.

Fachowo.co

Behance.net/fachowo
Go to the top of the page
+Quote Post
tzm
post 25.01.2015, 20:42:31
Post #3





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


jaja se robicie?

$('#id').scrollTop(target podany jako int okreslajacy polozenie na osi Y strony)
Go to the top of the page
+Quote Post
darksiders94
post 25.01.2015, 20:46:01
Post #4





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 23.06.2014

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


Niee.. nie o to mi chodzi. Wiem jak wykonać odnośnik "do góry". Chodzi o przewijanie strony myszką. Jak kręcę scrollem strona zjeżdża w dół skokowo albo płynnie. Porównajcie sobie przewijanie stron na operze i mozilli
Go to the top of the page
+Quote Post
borabora
post 25.01.2015, 22:03:39
Post #5





Grupa: Zarejestrowani
Postów: 116
Pomógł: 33
Dołączył: 8.09.2014

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


https://github.com/im4aLL/chromeSmoothScroll
https://github.com/simov/simplr-smoothscroll
Go to the top of the page
+Quote Post
tzm
post 25.01.2015, 22:16:26
Post #6





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


przy 2gb na gfx, 8 gb ramu i 4rdzeniach po 4 giga wylaczylem to po sekundzie bo tak ciulato chodzi. ale mam dosc specyficzna myszke w ktorej sie nie da zjechac o zabebk nizej wiec to moze kwestia tego, w pracy sobie zobacze jutro z ciekawosci
Go to the top of the page
+Quote Post
trueblue
post 25.01.2015, 22:24:47
Post #7





Grupa: Zarejestrowani
Postów: 6 762
Pomógł: 1822
Dołączył: 11.03.2014

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


http://areaaperta.com/nicescroll/
Jeśli chcesz napisać od zera, to albo:
1. korzystanie z metody requestAnimationFrame, ewentualnie z fallback setTimeout dla starszych przeglądarek,
2. bardziej toporne, badasz zdarzenie mousewheel i w zależności od kierunku przewijasz przy pomocy natywnej funkcji scrollBy lub animowanej z jakiegoś frameworka (np. 50% wysokości viewport).

Ten post edytował trueblue 25.01.2015, 22:27:21


--------------------
Go to the top of the page
+Quote Post
darksiders94
post 26.01.2015, 11:57:42
Post #8





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 23.06.2014

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


Właśnie o to mi chodziło. Dziekuję smile.gif

Chociaż scrollowanie w mozilli jest płynniejsze. Gładko i bez rozmazywania.

Ewentualnie jakie parametry zastosować żeby efekt był taki jak w mozilli?

tzn przykład podany przez @borabora jest ok tylko to też odbywa się skokowo. Widać efekt rozpędzania się i zwalniania. Chciałbym żeby to było bardziej jednostajne
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 10.05.2024 - 21:41