Smooth Scroll behaviour auf ganzer Seite

Hallo,

Klickt man auf der Startseite auf den hüpfenden Chevron, scrollt das Ding wunderschön (smooth) zum Anchor-Link runter.

sorry, aber ich sehe da keinen „hüpfenden Chevron“. 🤔

Sonst schau doch mal mit der developer console (Aufruf mit F12) rein.

Viele Grüße
Hans-Gerd

Gemeint ist wohl das animierte Icon im Header-Bereich:

Das simple „scroll-behavior: smooth“ verwende ich eigentlich nicht.

Und warum nicht? Wenn du

html { scroll-behavior: smooth; }

als eigene CSS-Regel hinzufügst, hast du doch die gewünschte Animation?

Zu gekauften Themes und Plugins – dazu gehört auch Elementor Pro – bieten wir hier keinen Support an.

Gemeint ist wohl das animierte Icon im Header-Bereich:

Genau das!

danke für die Antworten.

Mir ist zwar bewusst, dass ich hier keinen Support für Elementor etc. bekommen. Das Thema hier hat aber (ziemlich sicher) nichts mit Elementor zu tun.

Der Chevron ist nur ein html snippet, das überall verwendet werden kann. Ich verwende das Ding schon länger. Und ich komme einfach nicht drauf warum der smooth scrollt. Developer Konsole hab ich schon genutzt, unterschiedliche browser untersucht. Etc.

css scroll-behaviour geht auf mobile (zumindest iOS) nicht. Daher ist es nicht meine erste Wahl. Wenn ich den Befehl nun nutze wird außerdem die scroll Animation vom chevron überlagert und es ruckelt.

ich würde einfach nur gerne verstehen, was dazu führt dass hier smooth gescrollt wird…

Viele Grüße!