hacer un miniscroll
Rosa
09 de Septiembre del 2003
Quiero hacer un miniscroll con capas y no se como hacer referencia desde JavaScript a la propiedad clip de las hojas de estilo. Quiero que al hacer clic en un botón la capa se desplace un poco hacia arriba.
Juan
09 de Septiembre del 2003
No se si es lo que quieres pero ahà va un ejemplo:
<html>
<head></head>
<body>
<input type="button" value="arriba" onmousedown="divScroll.scrollTop -= 20;">
<div id="divScroll" style="width:200;height:150;overflow:hidden;background-color:#cccccc;">
texto muestra a<br>
texto muestra b<br>
texto muestra c<br>
texto muestra d<br>
texto muestra e<br>
texto muestra f<br>
texto muestra g<br>
texto muestra h<br>
texto muestra i<br>
texto muestra j<br>
texto muestra k<br>
texto muestra l<br>
texto muestra m<br>
texto muestra n<br>
texto muestra ñ<br>
texto muestra o<br>
texto muestra p<br>
</div>
<input type="button" value="abajo" onmousedown="divScroll.scrollTop += 20;">
</body>
</html>
<html>
<head></head>
<body>
<input type="button" value="arriba" onmousedown="divScroll.scrollTop -= 20;">
<div id="divScroll" style="width:200;height:150;overflow:hidden;background-color:#cccccc;">
texto muestra a<br>
texto muestra b<br>
texto muestra c<br>
texto muestra d<br>
texto muestra e<br>
texto muestra f<br>
texto muestra g<br>
texto muestra h<br>
texto muestra i<br>
texto muestra j<br>
texto muestra k<br>
texto muestra l<br>
texto muestra m<br>
texto muestra n<br>
texto muestra ñ<br>
texto muestra o<br>
texto muestra p<br>
</div>
<input type="button" value="abajo" onmousedown="divScroll.scrollTop += 20;">
</body>
</html>