• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Kontorla ilości przewiniętych px podczas scroolowania.

42 Warsaw Coding Academy
0 głosów
353 wizyt
pytanie zadane 19 grudnia 2019 w JavaScript przez Karpik Użytkownik (680 p.)
Cześć, robię stronę iternetową typu one-page. Chciałbym, aby podczas scroolowania kółkiem na myszy strona została przewinięta o 100vh. Niestety kompletnie nie znam się na JS, stąd też proszę o skrypt i informację gdzie go wstawić.

1 odpowiedź

+1 głos
odpowiedź 19 grudnia 2019 przez rafal.budzis Szeryf (85,700 p.)

Wystarczy CSS! 

Poczytaj o snap scrolling ;) 

https://css-tricks.com/practical-css-scroll-snapping/

 

komentarz 20 grudnia 2019 przez Karpik Użytkownik (680 p.)
Z tego co widzę, css nie pozwala ustawić ilości przewiniętych px lub vh, tylko jeśli użytkownik coś przewinie, to css "dowija" do wyznaczonego elementu. Chodzi mi o to, aby ekran przy jednym scrollowaniu przewijał się o 100vh. Czy css oferuje coś takiego?
komentarz 20 grudnia 2019 przez rafal.budzis Szeryf (85,700 p.)
A czym się różni dowijanie od przewijania? Bo chyba nie za bardzo rozumiem :(
komentarz 21 grudnia 2019 przez Karpik Użytkownik (680 p.)
Google Chrome nie przewija strony od razu, tylko użytkownik przewinie - jest przerwa trwająca ok 1s i dopiero strona przewija się do wyznaczonego elementu.
komentarz 21 grudnia 2019 przez rafal.budzis Szeryf (85,700 p.)

W artykule był ten przykład : 

https://codepen.io/team/css-tricks/pen/yLLqqgP

Musisz poprawnie określić scroll-snap-align

Podobne pytania

–1 głos
0 odpowiedzi 194 wizyt
0 głosów
1 odpowiedź 333 wizyt
+1 głos
1 odpowiedź 311 wizyt
pytanie zadane 24 sierpnia 2021 w JavaScript przez Bartek12 Mądrala (5,510 p.)

93,385 zapytań

142,384 odpowiedzi

322,540 komentarzy

62,745 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...