Das Prinzip
Ein Scrollimpuls.
Ein definierter Verlauf.
Das Scrollgefühl ist Teil der Bedienung einer Website. Wer Dauer und Bewegungsverlauf gezielt abstimmen möchte, braucht mehr als die Vorgaben des Browsers.
LU Smooth Scroll verteilt Desktop-Scrollimpulse über eine konfigurierbare Zeit. Mehrere Eingaben werden in der Animation zusammengeführt. Interessant ist das für WordPress-Websites, deren Bedienung bewusst gestaltet werden soll.
Was LU Smooth Scroll leistet
Bewegung einstellen.
Bedienung mitdenken.
Sechs Funktionen, die das Scrollverhalten
konkret bestimmen.
Das Tempo festlegen.
Die Animationsdauer lässt sich in Schritten von 0,1 Sekunden zwischen 0,1 und 5,0 Sekunden einstellen. Standard sind 1,2 Sekunden.
Den Verlauf wählen.
13 Easing-Funktionen bestimmen, wie eine Bewegung startet und ausläuft: linear sowie Quad, Cubic, Quart und Quint mit In-, Out- und In-Out-Varianten.
Maus und Tastatur einbeziehen.
Vertikale Mausradimpulse, Pfeiltasten nach oben und unten, Bild auf/ab und die Leertaste werden verarbeitet. Mit Umschalt + Leertaste geht es nach oben.
Eigene Scrollbereiche erhalten.
Bei Mausradeingaben erkennt das Skript Elemente mit eigener vertikaler Scrollbar. Dort bleibt das native Scrollverhalten bestehen. Überwiegend horizontale Impulse werden ebenfalls ausgenommen.
Bewegung unterbrechen.
Mausklicks und Touch-Beginn stoppen laufende Animationen. Auch Links mit Sprungmarken beenden die Animation; der Ankersprung selbst wird nicht vom Plugin animiert.
Touch nativ belassen.
Auf erkannten Mobilgeräten lädt WordPress das Skript nicht. Zusätzlich nimmt JavaScript Touch-Umgebungen und Fenster unter 768 Pixeln Breite aus.
So funktioniert es
Einrichten. Abstimmen. Scrollen.
01
Plugin aktivieren
In WordPress aktivieren und unter Luna Universe → Smooth Scroll die Einstellungen öffnen.
02
Bewegung abstimmen
Dauer und Easing auswählen, speichern und das Zusammenspiel mit dem Theme und den Bedienelementen prüfen.
03
Automatisch anwenden
Auf geeigneten Desktop-Geräten verarbeitet das Frontend-Skript die unterstützten Scrollimpulse automatisch.
Technik & Grenzen
Smooth Scroll Plugin für WordPress:
Die Technik.
Das Smooth Scroll Plugin für WordPress nutzt Vanilla JavaScript und requestAnimationFrame. Die Animationsschritte werden über den Browser geplant; eine zusätzliche Scrollbibliothek ist nicht erforderlich.
Konfiguration in WordPress
Gespeichert werden Dauer und Easing. Werte werden begrenzt bzw. mit der Liste erlaubter Kurven abgeglichen. Die Einstellungsseite setzt manage_options voraus.
Scrollen lokal, Updates extern
Die Scrollfunktion arbeitet im Browser ohne eigene Netzwerkanfragen. Der separate Updater fragt im Administrationskontext Metadaten bei plugins.luna-universe.com ab und bindet verfügbare Updates in WordPress ein.
Vor dem Einsatz prüfen
prefers-reduced-motion wird in dieser Plugin-Version nicht ausgewertet. Die Ausnahme für eigene Scrollbereiche gilt nur für Mausradeingaben. Theme, Tastaturinteraktionen und andere Scrollskripte müssen zusammen geprüft werden.
Keine pauschale Kompatibilitätszusage
Das Plugin benötigt WordPress und JavaScript. Im lokalen Header sind keine Mindestversionen für WordPress oder PHP angegeben. Spezifische Page-Builder-Integrationen sind nicht enthalten.
WordPress-Entwicklung mit Sodah
Ein Detail Ihrer Website.
Im Ganzen betrachtet.
LU Smooth Scroll stammt von Sodah Webdesign. Es kann in WordPress-Projekten dort eingesetzt werden, wo das Scrollverhalten Teil der gestalterischen Abstimmung ist.
Ob die zusätzliche Bewegung zu Ihrer Website passt, hängt von Inhalten, Interaktionen und Anforderungen an die Bedienbarkeit ab. Besprechen Sie den Einsatz mit uns im Rahmen Ihres Webprojekts.
Häufige Fragen
Gut zu wissen.
Konkrete Antworten zu Funktion,
Einrichtung und Grenzen.
Inhalt
Fragen Sie Ihre KI nach Sodah Webdesign
Verlassen Sie sich nicht nur auf unser Wort. Fragen Sie Ihre bevorzugte KI, was sie über Sodah Webdesign denkt.
Wählen Sie den klugen Weg
Wir arbeiten direkt mit Geschäftsführern, Marketingverantwortlichen und Projektleitern zusammen. Dabei integrieren wir uns in bestehende Abläufe und übernehmen die technische sowie inhaltliche Umsetzung der anstehenden Aufgaben.
