Smooth Scroll behaviour auf ganzer Seite

julez82
(@julez82)

vor 11 Monaten, 3 Wochen

Hello zusammen,

ich bin einigermaßen lost:

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

Aber Wieso? Da muss doch irgendwo ein script sein, aber ich finde es nicht…

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

Hinter dem image Slider mit den Ipads sind auch anchor Links. Aber klickt man da drauf wird leider nicht smooth gescrollt..

Was übersehe ich?

Danke & schönes Wochenende!!

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)

Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 3 Wochen

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
Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 3 Wochen
Gemeint ist wohl das animierte Icon im Header-Bereich:

Zum Vergrößern bitte anklicken …

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.
Thread-Starter julez82
(@julez82)

vor 11 Monaten, 3 Wochen

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!

Moderator La Geek
(@la-geek)

vor 11 Monaten, 3 Wochen

Die (Elementor-)Section hat folgende data-settings:

data-settings="{"background_background":"classic","motion_fx_motion_fx_scrolling":"yes","motion_fx_devices":["desktop","tablet","mobile"]}"

motion_fx_motion_fx_scrolling

Siehe dazu
https://elementor.com/help/motion-effects/

Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 3 Wochen

🤔 … und das hat dann „(ziemlich sicher) nichts mit Elementor zu tun“? 😄

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)

Das Thema „Smooth Scroll behaviour auf ganzer Seite“ ist für neue Antworten geschlossen.

Smooth Scroll behaviour auf ganzer Seite

Themen-Schlagwörter

Ansichten