Easy Scroll es un bonito script capaz de desplazar cualquier tipo de contenido dentro de el mediante el uso de un discreto JavaScript. Mediante los botones de desplazamiento podremos desplazar el contenido hacia arriba o abajo, o resetear a la posición original. Aunque también posee la opción de dejar que Easy Scroll desplace todo el contenido por si solo, dejando a nosotros la aceleración de ese afecto mediante los botones de navegación. Sinceramente Easy Scroll me pareció muy curioso y útil ya que puede ser una buena alternativa a los tradiciones TAB cuando necesitamos añadir mucho contenido en un espacio muy reducido.
Ver Demo - Mas info Easy Scroll
Instalación:
- Crear un div (o cualquier otro elemento contenedor)
- Asignar un “id” a los contenedores (por defecto es "myContent")
- Ajustar la altura indagando dentro del javascript
- Poner todo el contenidos en el interior del contenedor.
Descargamos el script, y realizamos la llamada correspondiente a el, copiando y pegando el siguiente código dentro de nuestras etiquetas < head >..
Añadimos un poco de estilo
#easyscroll{
background:#eee;
margin:1em 0;
/* add additional styling */
}
/* easyscroll navigation buttons */
#easyscrollnav, #easyscrollnav li{
height:28px;
line-height:28px;
margin:0;
padding:0;
}
#easyscrollnav{
margin:1em 0;
}
#easyscrollnav li{
list-style:none;
float:left;
background:#eee;
margin-right:10px;
padding:0 10px;
color:#333;
cursor:pointer;
}
#easyscrollnav li.over{
color:#999;
text-decoration:underline;
}
/* // easyscroll navigation buttons */
/* // end easyscroll */
Comenzamos a llenar nuestro scroll de contenido
<!-- YOUR CONTENT HERE -->
</div>
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!