Elemento que se desvanece cuando el usuario llega a la parte inferior de la pantalla.

Tengo un elemento que siempre permanece el 5% de la parte inferior de la pantalla (posición: fijo; parte inferior: 5%;).

Es solo una pista, que dice “Desplazar hacia abajo”. Quiero que desaparezca cuando llegues a la parte inferior de la pantalla.

¿Cómo detectar que el usuario ha llegado al fondo de la pantalla?

Usa el método jquery scroll ():

var fadeFlag = false; $(window).scroll(function(e) { // Check if we reached bottom of the document and fadeOut the target element if( $(window).height() + $("html").scrollTop() == $(document).height()-1) { $('#target').fadeOut(); fadeFlag = true; } else { // Here you can do fadeIn if(fadeFlag) $('#target').fadeIn(); fadeFlag = false; } }); 

He usado $ (“html”) en lugar de $ (ventana) ya que no te hará problemas en IE8

Debe obtener el ancho del documento y calcularlo con el ancho de la ventana y el desplazamiento de desplazamiento:

 if (documentWidth == (windowWidth + scrollOffset)) { $('#hint').fadeOut(); } 

Aquí hubo una discusión similar: verifique si un usuario se ha desplazado a la parte inferior