Strona typu OnePage i problem z nadaniem stylu

Question

https://codepen.io/anon/pen/YRorex

Siemanko, chcę nadać styl tej stronie, a konkretnie chodzi mi o płynne przejście do danego "obrazka na stronie". Chciałbym aby to przejście przechodziło płynnie i trwało ok. 4s (przykładowo). Kompletnie nie mam pojęcia jak to zrobić, przewertowałem internet ale nie znalazłem rozwiązania, z góry dzięki za pomoc :)

Answer 1

Jak sobie dodasz:

html {
  scroll-behavior: smooth;
}

to masz płynne przejścia, choć nie da się tu edytować czasu trwania tego przejścia. Pytanie jednak czy ustawianie czasu jest dla Ciebie az tak ważne i czy warto tylko po co podciągać JavaScript?

Comments

O to chodziło, a ten czas to nie jest mi potrzebny po prostu myślałem, że jest to w właściwościach stylu który to robi. Dzięki wielkie :)

---

Warto dodać, że ta właściwość nie działa na Safari, Edge'u i IE

---

No to można sobie w 3 sekundy wyklikać na caniuse :) Ale ja bym się tak nie spinał tym, że na paru środowiskach nie zadziała. To jest element typowo wizualny, no chyba, że decyzja UXowa jest że musi być wszędzie, to zostaje nam JS...