Tengo una pregunta sobre javascript (soy nuevo). Estoy usando la biblioteca de desplazamiento suave de la locomotora en un proyecto de Webflow. Debido a que las interacciones de Webflow tienden a no funcionar muy bien en combinación con locomotora, he usado la funcionalidad proporcionada por locomotora para crear un elemento fijo. En el móvil quiero deshabilitar el efecto pegajoso. Este es el código de la locomotora:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css"> <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.1/dist/locomotive-scroll.min.js"></script> <script> const locoScroll = new LocomotiveScroll({ el: document.querySelector(".locomotive-scroll"), smooth: true, smartphone: { smooth: true }, tablet: { smooth: true }, smoothMobile: 1, multiplier: 1.0, }); </script>El div principal del elemento adhesivo tiene un ID asignado llamado #sticky1. El div que se adhiere a la parte superior de la ventana gráfica tiene los siguientes atributos: atributos
¿Cómo hago para que en el móvil se elimine el efecto pegajoso? ¡Espero que mi pregunta tenga sentido!
Saludos cordiales, Jeroen
Simplemente puede usar javascript para eliminar el atributo data-scroll-sticky de su div ANTES de inicializar la locomotora, por ejemplo:
if(isMobile) { element.removeAttribute(data-scroll-sticky); element.removeAttribute(data-scroll-target); } const locoScroll = new LocomotiveScroll({