Objeto MiniScroll

Este objeto recoge exactamente lo que la lección Scroll Concepts dejó. Crea un solo objeto el cual hace scroll de los contenidos arriba, abajo, izquierda, o derecha en la manera mas simple posible.

Este objeto acepta dos DynLayers (ventana, contenido) y encuentra los offsetWidth y el offsetHeight, y tiene métodos de contruir fácil de utilizar para hacer scroll a la capa. También chequea doble para estar seguro que el contenido es mas largo que la ventana antes de hacer scrolling.

Utilización del MiniScroll:

objectName = MiniScroll(window,content)  // accepts 2 dynlayers

Example:

function init() {
	scrollWindow = new DynLayer('scrollWindowDiv')
	scrollContent = new DynLayer('scrollContentDiv','scrollWindowDiv')
	myscroll = new MiniScroll(scrollWindow,scrollContent)
}

Metodos:

Hay 5 métodos los cuales hacen exactamente lo que esperas arriba(), abajo(), izquierda(), derecha() y parar().

Probablemente desearás utilizar estos métodos de acuerdo con la técnica Mouse Click Animation. Por ejemplo puedes crear 2 hyperlinks los cuales están fijados así:

<A HREF="javascript:// Scroll Up" onMouseDown="myscroll.up()" onMouseUp="myscroll.stop()" onMouseOut="myscroll.stop()">Scroll Up</A>
<BR><A HREF="javascript:// Scroll Down" onMouseDown="myscroll.down()" onMouseUp="myscroll.stop()" onMouseOut="myscroll.stop()">Scroll Down</A>

Los resultados serán cuando guardas los enlaces, el contenido de la capa se deslizará, y cuando estos se han dejado ir la capa parara en el medio del deslizamiento.

Propiedades:

• enableVScroll - Bolean mostrando si esta puede hacer scroll verticalmente
• enableHScroll - Bolean mostrando si esta puede hacer scroll horizontalmente
• inc - Aumento gradual ( cuantos pixeles se mueve en cada grada) - 8 por default
• speed - Ligereza de scrolling en milisegundos, 20 por default

Ejemplo: miniscroll1.html [fuente] - Para un ejemplo utilizando el objeto MiniScroll .

Ejemplo: miniscroll2.html [fuente] - Para un ejemplo el cual hace scrolls a una imagen arriba, abajo, izquierda, y derecha.

Fuente de Código

miniscroll.js

Llevandolo un poco mas largo

En el Scroll2 object he tomado este concepto a un entero extremo. Es un objeto JavaScript un poco largo el cual genera una barra de Scroll con la cual puedes hacer scroll al contenido de una capa. Sin embargo hay mucho mas código en el objeto, la funcionalidad básica es exactamente la misma como le he hablado aquí, Si té fijas de cerca encontrarás que genera una capa con contenido y una capa con una ventana, encuentra la altura de offset, y implementa un mecanismo para hacer scroll a una capa. El Scroll2 es una versión segunda del original Objeto Scroll .

Casa	Próxima Leccion: ScrollWindow