Bestimmtes Scrollverhalten für Webseite erstellen.

Benutzeravatar
polysom
Beiträge: 561
Registriert: So 6. Feb 2022, 21:24
Wohnort: Da wo Kekse 🍪 sind
Kontaktdaten:

Bestimmtes Scrollverhalten für Webseite erstellen.

#1

Beitrag von polysom »

Ich baue gerade eine Webseite. Im Prinzip bin ich schon sehr zufrieden. Es gibt nur noch zwei Kleinigkeiten bei denen ich Anregungen bräuchte. Ich habe in der Mitte der Seite ein Carousel-Slider erstellt nach dem Vorbild hier: https://codepen.io/fluxus/pen/rweVgp

Das klappt auch ganz gut und sieht aus wie es soll. Allerdings gibt es noch zwei Dinge daran die ich nach anpassen muss.

1. Das Ganze sieht auf dem Desktop ganz gut aus, aber auf einem Smartphone wird das schon sehr zusammengequetscht, dass es nicht mehr gut aussieht und der Text abgeschnitten wird. Wie behebe ich das am besten?

2. Ich will für die Seite ein ganz bestimmtes Scrollverhalten. Aber da ich nicht mal weiß wie sich das nennt, weiß ich nicht mal wonach ich suchen muss. Wenn man die Seite nach unten scrollt, soll es bis zum Carousel-Slider nach unten scrollen. Dann soll es dort stehen bleiben und den Carousel-Slider von vorne nach hinten durchscrollen. Und wenn es damit fertig ist, erst dann soll die Seite weiter nach unten gescrollt werden.
Also ähnlich wie Apple das hier macht: https://www.apple.com/de/apple-watch-series-9/
Wie nennt man das denn? Ich hab schon nach Parallax Scrolling gesucht, aber das scheint nicht ganz das zu sein was ich meine, oder?