TECNato – TIC's Perú

Evento Scroll con jQuery

Lunes, 18 de Noviembre del 2013 Comentar

A veces necesitamos realizar un determinado evento cada ves que movemos el scrollbar o las barras de navegación de nuestros Navegador.

Por ejemplo si necesitamos mostrar una alerta, una novedad o un formulario de suscripción, en toda la pantalla para hacérselo saber a un visitante de nuestra Página Web y que luego al bajar con el scrollbar, que esta alerta desaparesca.

escjq

En este tutorial voy a mostrarles una forma de hacer uso de este evento, que de hecho lo deben haber visto en muchas Paginas Webs.

Primero, Hacemos referencia a nuestro archivo jQuery:

Creamos los estilos para nuestros items:

Creamos nuestro script jQuery:

Finalmente creamos nuestro HTML:

Bueno les dejo una DEMO
Pueden ver el codigo, solo le dan click boton derecho del mouse y luego ver codigo Fuente.

Espero les sirva mucho !

Saludos


Escrito por para TECNato

Deja tu comentario

(Iniciar sesión)

TECNato

TECNato nace de la idea de crear un espacio virtual de usuarios Peruanos para compartir conocimientos sobre TIC’s (Tecnologías de la Información y Comunicación)

Hazte miembro

TECNato es libre y abierto a nuevos miembros Peruanos, que estén dispuestos a compartir sus conocimientos en TIC’s, escribenos para mas detalles.

Soporte

Diseño Web:
Grupo Sistemas
Gestor de contenidos:
WordPress