Scrollowanie strony horyzontalnie od pewnego punktu

Question

Cześć.

Nie jestem specjalistą od tworzenia stron internetowych, ale podstawy (podstaw) HTML, CSS i JS (jQuery?) powiedzmy, że znam. Chciałbym stworzyć stronę internetową według poniższego szablonu.

 

Mam nadzieję, że po tym schemacie widać o co mi chodzi, ale na wszelki wypadek wytłumaczę.

Każda z trzech sekcji ma mieć docelowo 100vh. Po dojechaniu scrollem myszy do końca sekcji 2 chciałbym, żeby scroll działał w taki sposób, by przewijał stronę horyzontalnie. Po dojechaniu do ostatniej części sekcji nr 2, chciałbym, żeby scroll znów działał wertykalnie i przewinął stronę w dół do sekcji Contact.

Proszę Was o jakieś podpowiedzi jak najoptymalniej (najlżej i najwygodniej dla użytkownika) zrealizować takie działanie strony. No i ważne, żeby użytkownik nie zobaczył pustych fragmentów (tych na prawo od sekcji Header i Contact) - nawet przy oddalaniu widoku strony.

Pozdrawiam 

Comments

Robiłem coś takiego kiedyś, bo grafik właśnie tak chciał, ale potem po przetestowaniu przez kilka osób okazało się , że z perspektywy ux jest to nieintuicyjne i projekt został zmieniony.

---

Dziękuję za odpowiedź! Mam podobne zdanie, ale mój pomysł na budowę strony jest nieco bardziej rozbudowany. Uprościłem jednak wszystko na potrzeby posta na forum, żeby niepotrzebnie nie mieszać 

Answer 1

z tego co zrozumiałem to typowy skrypt prezentacji (coś jak powerpoint)

https://marcolago.github.io/flowtime.js

https://revealjs.com/vertical-slides/

nie polecam tego używać do wszelakich stron ze względu na dostępność (a11y)

jeśli już masz tego użyć, to tylko żeby zrobić prezentację na zajęcia etc jeśli nie jest to potrzebne ze względów projektowych, to zrób po prostu scroller w dół bez "wygibasów"

ogólnie slidery wszelkiego typu są złą praktyką jeśli chodzi o strony internetowe :P