Mundo Web
manuales - recursos - gráficos - programación...

Home - WebScript - Capas - Scroll 1 - 1 - 2 - 3 - 4 - 5 - 6

Scroll 1 (I)
por Luciano Moreno, del departamento de diseño web de BJS Software.


A veces, sobre todo si trabajamos en una página maquetada con capas, tenemos la necesidad de mostrar unos contenidos textuales que por sí son lo suficientemente amplios como para originar que el usuario deba scrolear la página, cosa que puede no interesarnos, al chocar con el diseño inicial que tenemos pensado.

Una solución a este problema pasa por incluir el texto dentro de algún elemento que nos permita poder hacer el scroll tan sólo a él, pudiendo así el usuario visualizar todo el contenido sin necesidad de que la ventana se deba desplazar. Es lo que ocurre por ejemplo si introducimos el texto en un frame o iframe, en los que podemos hacer aparecer las barras de desplazamiento estándares para esta labor, pero sólo afectando al frame.

Otra solución posible es introducir el texto dentro de una capa y crear un efecto de desplazamiento en ella, de tal forma que nuestro visitante pueda leer todo el contenido con tan sólo pasar el cursor sobre en enlace, activando éste el desplazamiento de la capa.

Esto es lo que vamos a estudiar en esta ocasión, y para empezar con el asunto lo mejor es hacer un pequeño estudio inicial, viendo el planteamiento que le vamos a dar y las diferentes barreras que deberemos sortear.

Voy en esta ocasión a extenderme un poco más en las explicación del script (los que visitéis esta sección de HTMLWeb ya os habréis dado cuenta que suelo ser somero en las explicaciones, por considerar que ya tenéis unas bases suficientes para entender el script). Espero hacerlo de forma que el tema os quede claro. Si no es así, decidmelo y os particiularizaré la explicación.

 


siguiente

Home - WebScript - Capas - Scroll 1 - 1 - 2 - 3 - 4 - 5 - 6