davidsuarez.es

Deseamos mostrar un aviso que se desplace por la página siempre visible a nuestros visitantes y queremos que ese aviso que debe encontrarse dentro de un DIV se mueva a medida que el usuario se desplaza verticalmente por la página.

Hemos de utilizar  una librería hecha en Javascript: wrapScroll .

Uso: Primero 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.

#midiv{ position:absolute; top:100px; border:3px dashed red; width:200px; height:150px; } body{ height:1200px; }

Nota: para la etiqueta body a la propiedad height le colocamos el valor 1200px para poder ver el efecto del desplazamiento.

Vota este artículo:
Posts anterior y posterior:


Posts Relacionados:

• Bloqueo automatico de teclado Nokia N70
• Login automático al dominio para windows
• 4 formas de deshabilitar el Control de Cuentas de Usuario (UAC) en Windows Vista