Leitfaden / Artikel

Hinzufügen eines glatten Bildlaufs zur Webflow-Website

Flowbase
Januar 28, 2021
Hinzufügen eines glatten Bildlaufs zur Webflow-Website

Webflow Glatter Bildlauf (luxy.js)

Fügen Sie den beliebten Interia-Scroll-Effekt zu Ihren eigenen Webflow-Projekten hinzu.

Dieser Leitfaden verwendet luxy.js - und Sie können hier

mehr darüber lesen. https://min30327.
github.io/luxy.js/

Bitte beachten Sie: Luxy ist bei fortgeschrittener Positionierung wie z.B. klebrigen Elementen nicht besonders effektiv.

Luxy-Skript hinzufügen

Als erstes werden Sie das folgende Skript dem Abschnitt für benutzerdefinierten Code Ihrer Seite oder der Projekteinstellungen hinzufügen wollen.



var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
if (!isMobile) {
     luxy.init({
       wrapper: '#luxy',
       wrapperSpeed: 0.065,
     
   });
}

Fügen Sie einen div-Block hinzu, um die gesamte Seite zu umbrechen.

Geben Sie diesem Div eine ID von luxy

Flowbase
Januar 28, 2021

Empfangen Sie Webflow-Ressourcen direkt in Ihre Mailbox.

Melden Sie sich an, um wöchentliche Einblicke und Inspirationen in Ihrem Posteingang zu erhalten.

ANDERE ANLEITUNGEN & LEKTIONEN

Steigern Sie Ihre Webflow-Site weiter.