Zurück zu Blog

Hinzufügen eines reibungslosen Bildlaufs zur Webflow-Website

Erfahren Sie, wie Sie Ihrer Webflow-Site einen sanften Bildlauf hinzufügen können, um einen modernen Intertia-Effekt zu erzielen.

Überblick 📚.

Luxy.js ist ein beliebter Trägheitseffekt (auch bekannt als Momentum-Effekt), der bewirkt, dass der Bildlauf Ihrer Website allmählich zum Stillstand kommt, anstatt sofort zu stoppen. Dieser Effekt kann verwendet werden, um den Bildlauf auf Ihrer Website flüssiger zu gestalten, ist aber ein stilisierter Effekt, der nicht übermäßig genutzt werden sollte.

Um dies in Ihr Projekt einzufügen, folgen Sie den einfachen Schritten und fügen Sie den benutzerdefinierten Code in Ihr Projekt oder Ihre Seiteneinstellungen ein.

{{ Template "gist" "text:Before </body> tag" "id:904096d55fdc9f00fa5cd2ce47a6045a" }}

Anweisungen ✍️

1. Fügen Sie den benutzerdefinierten Code in Ihre Seiteneinstellungen ein.

Firstly, you will want to add the script to your page, or project settings. You can add this into the before </body> section of your code section.

2. Fügen Sie einen div-Block hinzu, der alle Elemente auf Ihrer Seite umschließt

Fügen Sie Ihrer Seite einen div-Block hinzu, mit dem alle Seitenelemente umhüllt werden.


3. Stellen Sie sicher, dass der div-Block die #ID 'luxy' hat

Fügen Sie die #ID luxy zu Ihrem Hauptseiten-Wrapper hinzu. Alle Elemente innerhalb des Wrappers haben dann diesen sanften Bildlaufeffekt.

ANDERE ANLEITUNGEN &AMP; LEKTIONEN

Steigern Sie Ihre Webflow-Site weiter.

Schließen Sie sich heute über 30.000
Creators an.

Tragen Sie sich in unsere Newsletter-Liste ein, um gelegentliche Updates, Produkte und Einblicke zu erhalten.

Danke schön! Ihre Einsendung ist eingegangen!
Hoppla! Beim Einreichen des Formulars ist etwas schiefgegangen.
Schließen Sie sich 30.000+ anderen Kreativen in unseren Gemeinschaften an.