hola amigos, les comento lo que quiero hacer, tengo un div con mucho contenido a lo ancho, asi que le puse overflow-x:auto; y se scrollea horizontalmente, pero el navegador por defecto pone la barras abajo (horizontal) derecha (vertical) hay alguna forma de cambiar o emular ese efecto? es decir que la barra funcione como lo hace ahora, pero que este arriba del div. muchas gracias.
Me olvide de poner codigo. Actualmente probe esto:
Código CSS:
Ver originalul
{
width: 160px;
display: block;
white-space: nowrap;
overflow: auto;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
li
{
width: 80px;
display: inline-block;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
y "funciona" osea la barra estaria arriba y si apretas y arrastras anda, peroooooo ¡No se muestra! ¡Esta invisible!
en webkit si agrego estas lineas:
Código CSS:
Ver original::-webkit-scrollbar
{
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb
{
background: #4A4A4A;
border-radius:1px;
}
anda genial, pero, y en los demas motores?