?Quiere crear esa experiencia de desplazamiento suave y atractiva? Pruebe a combinar la función ScrollTrigger de GSAP en Elementor. Al personalizar las animaciones de GSAP con Elementor, puede crear un efecto de clic para desplazarse que hace que el desplazamiento de la página sea suave como la seda y envolvente para sus usuarios.
Este método es perfecto para los dise?adores web que desean llevar sus proyectos Elementor al siguiente nivel, especialmente cuando se requieren efectos avanzados de desplazamiento o deslizamiento. Ya se trate de un sitio web corporativo, un portafolio personal o una plataforma vertical de comercio electrónico, es una forma estupenda de hacer que sus páginas destaquen al instante.
Dirección de demostración:https://demo-show.361sale.com/elementor-effects-15
Dirección de descarga del archivo ↓
Tras hacer clic en Obtener archivo de descarga, obtendrá un archivo.
![Imagen [1] - Cómo crear efectos de desplazamiento suave en Elementor usando GSAP ScrollTrigger](http://gqxi.cn/wp-content/uploads/2024/12/20241205113259386-image.png)
Asegúrese de quemontajeYa está instalado.Elementor Free Edition y Elementor Pro Edition. SóloVersión Elementor Prosólo entoncesImportación de plantillasFunción.
![Imagen [2] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)](http://gqxi.cn/wp-content/uploads/2024/12/20241204105446497-image.png)
![Imagen [3] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!](http://gqxi.cn/wp-content/uploads/2024/12/20241203162515250-image.png)
La parte posterior del sitio encuentrapágina webPulse para a?adirnueva página. Como en la foto:
![Imagen [4] - Plantilla Elementor FX 1 - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!](http://gqxi.cn/wp-content/uploads/2024/12/20241203162704190-image.png)
empezar a utilizarEditor Elementor. Como en la foto:
![Imagen [5] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!](http://gqxi.cn/wp-content/uploads/2024/12/20241203162820150-image.png)
Haga clic para a?adir el archivo junto alicono (informática)Es decir.estarcido. Como en la foto:
![Imagen [6] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!](http://gqxi.cn/wp-content/uploads/2024/12/20241203163025214-image.png)
Haga clic en la esquina superior derecha delcargary, a continuación, pulse el botónSeleccionar archivoA continuación, seleccione el archivo local que acaba deArchivos descargados. Como en la foto:
![Imagen [7] - Cómo crear efectos de desplazamiento suave en Elementor usando GSAP ScrollTrigger](http://gqxi.cn/wp-content/uploads/2024/12/20241205113458145-image.png)
A continuación, vuelva a Mis plantillas para ver la plantilla que acabamos de importar y haga clic en el botónavancesVea el efecto y luego seleccionepalo. Como se muestra arriba.
Ver los resultados una vez finalizada la importación, es posible que elpie de páginaresponder cantandopies de páginaEntonces es necesario elegir elestarcidoArriba.
![Imagen [8] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!](http://gqxi.cn/wp-content/uploads/2024/12/20241203165642489-image.png)
Haga clic en la plantilla que acabamos de importar en elpágina weby luego haga clic encompilador. Como en la foto:
![Imagen [9]-Elementor FX Template 1 - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/12/20241203170156167-image.png)
Seleccione la plantilla y elijalienzo elementorElegí éste porqueEncabezado y pie de página no visualizadosLa pantalla sólo mostrará elContenido de la plantilla. Como se muestra arriba.
![Imagen [10] - Cómo a?adir secuencias de vídeo de desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)](http://gqxi.cn/wp-content/uploads/2024/12/20241204111245847-image.png)
al mismo tiempoEdición de páginas con elmentorSelecciónConfiguración del sitioEn la selección deapertura (jerga ajedrecística). Como en la foto:
![Imagen [11] - Cómo a?adir secuencias de vídeo de desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)](http://gqxi.cn/wp-content/uploads/2024/12/20241204111351718-image.png)
Asegúrese también de que el mismoElementorPlantilla de lienzo. De esta forma no habráel restoContenido. Como en el caso anterior:
![Imagen [12] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)](http://gqxi.cn/wp-content/uploads/2024/12/20241204111422999-image.png)
![Imagen [13] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)](http://gqxi.cn/wp-content/uploads/2024/12/20241204111449899-image.png)
![Imagen [14] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)](http://gqxi.cn/wp-content/uploads/2024/12/20241204111524836-image.png)
Por favor, cierreEncabezados y pies de páginaEn el interior, después de pulsarnestleEn el interior, se muestra arriba:
Tenga en cuenta que, aunque las imágenes son relativamente sencillas, resultan muy eficaces, y puede sustituirlas por sus propias imágenes o vídeos, que son muy chulos.
Por último, guarde y compruebe si el efecto frontal funciona.
Contacte con nosotros | |
---|---|
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas |
![]() Servicio de atención al cliente WeChat
|
① Tel: 020-2206-9892 | |
② QQ咨詢:1025174874 | |
(iii) Correo electrónico: info@361sale.com | |
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres |
Enlace a este artículo:http://gqxi.cn/es/29260El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios