Kontorla ilości przewiniętych px podczas scroolowania.

Question

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

Answer 1

Wystarczy CSS! 

Poczytaj o snap scrolling ;) 

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

 

Comments

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?

---

A czym się różni dowijanie od przewijania? Bo chyba nie za bardzo rozumiem :(

---

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.

---

W artykule był ten przykład : 

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

Musisz poprawnie określić scroll-snap-align