Estoy tratando de hacer que el pie de página se desvanezca después de 1000 px, pero salta a la pantalla de inmediato. Estoy haciendo esto en Jquery, así que probé el fadeIn (), pero sin resultado. También traté de hacer que el pie de página desapareciera con el desvanecimiento (), pero también con cero resultado. ¿Estoy haciendo algo mal?
¡Gracias!
//effect to make the footer appear after some px jQuery(function($){ $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 1000) { $('footer').show().fadeIn("slow"); } else { $('footer').hide().fadeOut(); } }); }); <!--Footer--> <div id="ft" class="page-wrap"> <main> <section> </section> </main> <footer> <small> - Footer - <p>Contenido Lorem ipsum dolor</p> <p>lorem ipsum</p> </small> </footer> </div>Supongo que esto es exactamente lo que estás buscando:
JQuery
$(window).scroll(function(event) { function footer() { var scroll = $(window).scrollTop(); if(scroll>20) { $("footer").fadeIn("slow").addClass("show"); } else { $("footer").fadeOut("slow").removeClass("show"); } } footer(); });