Comentarios en: Animaciones en scroll con Wow.js y Animate.css https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/ El blog de Scientia® Soluciones Informáticas Tue, 27 Apr 2021 15:26:03 +0000 hourly 1 Por: Gustavo Cantero (The Wolf) https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-16090 Tue, 27 Apr 2021 15:26:03 +0000 http://www.programandoamedianoche.com/?p=2893#comment-16090 En respuesta a Marcos Nuñez.

Hola Marcos.
No lo probé, pero seguramente puedas agregarle los atributos con jQuery, pero después deberías volver a a llamar a la función init de Wow para que los lea.

]]> Por: Marcos Nuñez https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-16089 Tue, 27 Apr 2021 13:20:31 +0000 http://www.programandoamedianoche.com/?p=2893#comment-16089 Hola, puedo agregar la clase wow a elementos mediante jquery?

]]> Por: lalo https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-16024 Mon, 03 Aug 2020 17:07:58 +0000 http://www.programandoamedianoche.com/?p=2893#comment-16024 gracias

]]> Por: José Luis https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15975 Mon, 06 Jan 2020 23:00:00 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15975 Hola, cómo puedo hacer que se repita la animación al hacer scroll down y scroll up, es decir, que cargue mas de una vez. 🙂

]]> Por: Valentina Echezuria https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15940 Fri, 12 Jul 2019 13:15:36 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15940 En respuesta a Antonio Ángel Estrada Pérez.

Hola!puedes desactivar todas las clases de animate solo en mobile:

@media only screen and (max-width : 768px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}

y desactivar wow.js en tamaños de pantallas menores a 991px

<script>
if ($(window).width() <= 991){
  $(".wow").removeClass("wow");
}
</script>
]]> Por: Antonio Ángel Estrada Pérez https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15939 Mon, 08 Jul 2019 12:10:46 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15939 Hola!
hay alguna forma de que solo se cargue animate y wow en la version pc? ya que no quiero activarlo en la version movil para mejorar la carga del google speed.

Gracias!

]]> Por: Valentina Echezuria https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15934 Tue, 04 Jun 2019 17:31:56 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15934 En respuesta a Wilson.

Hola! una vez agregadas las 2 librerías (animate.css y wow.js) solo tienes que ponerle las clases correspondientes al div por ejemplo (div class=»wow animated fadeIn») puedes utilizar cualquier animación de quieras de la librería animate, no te olvides inicializar el script de wow:

<script>
new WOW().init();
</script>
]]> Por: Wilson https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15929 Sun, 05 May 2019 00:12:19 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15929 como puedo hacer para que el div aparezca sólo cuando el scroll llegue a donde se debería mostrar el div, osea que aparescan los div de forma gradual con forme se haga scroll

]]> Por: Valentina Echezuria https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15921 Wed, 03 Apr 2019 13:12:45 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15921 En respuesta a Veronika.

Hola! gracias por tu comentario, puedes probar eliminando por jquery la clase wow en un tamaño de pantalla menor:

if ($(window).width() <= 991){
  $(".wow").removeClass("wow");
}

o inicializando wow.js solamente en tamaños de pantalla mayores a 992px:

if ($(window).width() > 991){
    new WOW().init();
}
]]> Por: Veronika https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15920 Tue, 02 Apr 2019 16:53:00 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15920 Hola, genial el tutorial, podrias hacer uno donde se desactive la función wow.js en versiones móviles? ya que lo intento y no me funciona el código y no se que estaré haciendo mal. Gracias

]]> Por: Tendencias en diseño web para 2019 - Programando a medianoche https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15909 Fri, 22 Feb 2019 16:13:47 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15909 […] nuestra publicación Animaciones en scroll con wow.js y animated.css se encuentran las indicaciones para utilizar una librería de animaciones css en conjunto con wow.js […]

]]> Por: Miguel https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comment-15898 Tue, 11 Dec 2018 09:01:11 +0000 http://www.programandoamedianoche.com/?p=2893#comment-15898 Muy bien explicado, muchas gracias.

]]>