Guía / Artículo

Cómo añadir un desplazamiento suave a la página web de webflow

Flowbase
28 de enero de 2021
Cómo añadir un desplazamiento suave a la página web de webflow

Webflow Smooth Scroll (luxy.js)

Añade el popular efecto de desplazamiento de interia a tus propios proyectos de flujo web.

Esta guía utiliza luxy.js - y puedes leer más sobre ello aquí.

https://min30327.
github.io/luxy.js/

Nota: El lujo no es súper efectivo con posicionamiento avanzado como elementos pegajosos.

Añadir guión de lujo

En primer lugar, querrás añadir el siguiente guión a la sección de código personalizado de tu página o a la configuración del proyecto.



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

Añade un bloque de imágenes para envolver la página entera.

Dale a ese div una identificación de lujo

Flowbase
28 de enero de 2021

Recibe los recursos de la web directamente en tu buzón.

Inscríbete para recibir información semanal e inspiración en tu bandeja de entrada.

OTRAS GUÍAS Y LECCIONES

Impulsa más tu sitio web de flujo de datos.