Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ Płynne przewijanie

Napisany przez: darksiders94 25.01.2015, 17:58:57

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?

Napisany przez: Forti 25.01.2015, 18:27:22

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

sam używam.

Napisany przez: tzm 25.01.2015, 20:42:31

jaja se robicie?

$('#id').scrollTop(target podany jako int okreslajacy polozenie na osi Y strony)

Napisany przez: darksiders94 25.01.2015, 20:46:01

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

Napisany przez: borabora 25.01.2015, 22:03:39

https://github.com/im4aLL/chromeSmoothScroll
https://github.com/simov/simplr-smoothscroll

Napisany przez: tzm 25.01.2015, 22:16:26

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

Napisany przez: trueblue 25.01.2015, 22:24:47

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).

Napisany przez: darksiders94 26.01.2015, 11:57:42

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

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