P : ¿Cómo puedo cambiar el tamaño relativo de las barras de desplazamiento?.
R : Existe un
bug en
Internet Explorer por el cual considera al
scrollbar como parte del documento. Desde la versión
5.5 es posible usar el atributo CSS
zoom que, aplicado sobre el
BODY, cambia el tamaño del documento y sus barras de desplazamiento.
El truco para que sólo los
scrollbar se vean de distinto tamaño está en poner nuestro contenido dentro de un
DIV y darle un
zoom con un factor inversamente proporcional al que tenga el
BODY.
Por ejemplo : si el valor por omisión del
zoom es de 100%, y el
BODY tiene aplicado uno de 200% ( el doble ), en el
DIV habrá que poner uno de 50% ( la mitad ). Ésto compensa el cambio original creando el efecto de "
scrollbar agrandado"
Código:
<HTML>
<HEAD>
<STYLE>
body {zoom:2; margin:0; border:none}
</STYLE>
</HEAD>
<BODY>
<DIV style="zoom:0.5; margin:2% 1.5%">
<h2>DOCUMENTO </h2>
QWERTY <P> QWERTY <P> QWERTY <P> QWERTY <P>
QWERTY <P> QWERTY <P> QWERTY <P> QWERTY <P>
QWERTY <P> QWERTY <P> QWERTY <P> QWERTY <P>
QWERTY <P> QWERTY <P> QWERTY <P> QWERTY <P>
QWERTY <P> QWERTY <P> QWERTY <P> QWERTY <P>
</DIV>
</BODY>
</HTML>
En el tema "
Propiedades del scroll " hay un
script que permite calcular ambos valores de
zoom con una vista previa.
furoya