Para entender esto mejor vamos a suponer que deseamos mostrar un aviso “importante” a nuestro navegantes y (debido a su importancia) queremos que ese aviso (dentro de un DIV) se mueva a medida que el usuario se desplaza verticalmente por la página. Bien, para ello existe una librería hecha en Javascript: wrapScroll .
Uso básicoPrimero descargamos la librería , y ubicamos el archivo wrapscroll.js y lo referenciamos en nuestra página html.
<script type="text/javascript" src="wrapscroll.js"></script>Iniciamos el método wrapScroll donde indicaremos el div que se desplazara.
<script type="text/javascript"> new wrapScroll("midiv"); </script>Creamos un hoja de estilo con los siguientes valores. Nota: para la etiqueta body la propiedad height le colocamos el valor 1200px para poder ver el efecto del desplazamiento.
#midiv{ position:absolute; top:100px; border:3px dashed red; width:200px; height:150px; } body{ height:1200px; }Esta librería funciona con:
[ Descargar este ejemplo ]
Hemos explicado la forma básica de usar esta excelente librería, sin embargo podemos añadirle otras funciones adicionales, como se puede observar en los siguientes ejemplos: 1 , 2 , 3 , 4 y 5 .
Usuarios que han visto este tema también han visto...
- Hacks CSS
- CSS para imprimir páginas web
- Arreglar los bordes punteados en Internet Explorer con CSS
- Enlace en el encabezado
- Efectos sobre elementos Input
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.