Easy Scroll es una script desarollado en Javascript, que nos permite convertir un elemento contenedor de nuestro contenido en otro en el que podamos gestionar mediante botones el movimiento sobre el texto.
Además se trata de un sistema accesible, en el que al no detectar Javascript, no nos imposibilita el poder leer el contenido.
Instalación
Insertamos en el <head> de nuestra aplicación la llamada oportuna al script.
<script type="text/javascript" src="easyscroll/easyscroll.js"></script>Una vez asegurados de que está debidamente cargada, podremos proceder a editar la estructura de nuestro contenido. Únicamente tendremos que englobar al contenido con un elemento al que le indicaremos un identificador único.
<div id="easy_scroll">
<!-- AQUI EL CONTENIDO -->
</div>El siguiente paso, afectará directamente al fichero easyscroll.js, ya que tendremos que editarlo y modificar los parámetros siguientes:
var id = "myContent"; // Pondremos easy_scroll (o el id usado en el HTML)
var nav = ["Scroll Up", "Scroll Down", "Reset"]; //Nombres de los botones de navegación
var navId = ["btnUp", "btnDown", "btnReset"]; // ID's de los botones (para cambiarles el aspecto mediante CSS)
var speed = 5; //Velocidad de movimiento del scroll. (1 = lento, 10 = rápido).
var height = 200; //Tamaño del elemento visible.
5 comentarios, 2 referencias
+
#