barra de scroll

cristian_cena · #1 (**permalink**) 28/07/2010, 11:19

Hola foreros, tengo una pregunta.
¿La barra de scroll por defecto del navegador o también llamada scrollbar corresponde a un overflow:auto; aplicado por defecto a la etiqueta <html></html>?

Porque resulta que tengo que cambiar el estilo de la misma y veo que para añadir background-image no tengo otra alternativa que usar javascript ¿alguien a añadido imágenes de fondo a la barra de scroll solo con css?

Desde ya muchas gracias, un saludo.

alexk · #2 (**permalink**) 28/07/2010, 11:47

cambiar el estilo del scroll solo son CSS... de momento o hasta donde yo conosco no se puede
~~existen unas propiedades para cambiar los colores pero no son validas ya que son de MS~~
tienes que usar JS para personalizar a tu gusto la scrollbar
yo suelo usar un plugin de jquery para esto "flexscroll" chao

masterojitos · #3 (**permalink**) 28/07/2010, 12:28

alexk, pero esa libreria al igual que muchas otras... es para divs o contenedores internos de la web.. pero en el caso del usuario... creo que quiere para el scroll del html.. es decir de la web en si.. y ese no se puede cambiar (solo en IE).

Suerte

masterojitos · #4 (**permalink**) 28/07/2010, 12:29

Duplique la respuesta

alexk · #5 (**permalink**) 28/07/2010, 12:56

Cita:

Iniciado por masterojitos

alexk, pero esa libreria al igual que muchas otras... es para divs o contenedores internos de la web.. pero en el caso del usuario... creo que quiere para el scroll del html.. es decir de la web en si.. y ese no se puede cambiar (solo en IE).

Suerte

emmm "cierto..." pero

Código HTML:

Ver original<div id='content' class='flexcroll'>
</div>

Código CSS:

Ver originalhtml, body{ overflow:hidden;}
html, body, #content{ height:100%;}

Podria probar algo asi y funciona :adios

cristian_cena · #6 (**permalink**) 28/07/2010, 14:17

Hola muchachos, entiendo lo que planteas alex, es más estuve utilizando el plugin jScrollPane.js de jquery, ahora que pasa con estos plugins, quedamos obligados a trabajar con un scroll generado por nosotros, o sea, en una caja creada por nosotros. Por eso es que preguntaba si la scrollbar por defecto corresponde a un overflow:auto añadido a la etiqueta html.

Y para que tanto lío? se preguntaran, si basta con crear una caja nueva y chau. Bueno, la cuestión es que estoy utilizando un plugin scrollto sumado al easing para crear enlaces internos deslizantes, y a esto necesitaba incluir una barra de scroll personalizada, que se le va a hacer, el diseñador me pidió eso porque necesita pasar un site flash a html. Ya está a la barra se la quité pero estaría bueno saber como hacerlo para futuros desarrollos.

El problema que se me presento con los plugins no fue de compatibilidad, porque si que funcionan juntos. Sino que el scrollto toma como referencia al top de la página y no al top de la caja generada por nosotros en la cual creamos la scrollbar. (la solución, supongo que será aprender javascript jeje)

Bien, espero halla expuesto correctamente el problema.

masterojitos · #7 (**permalink**) 28/07/2010, 15:16

la verdad que me confundiste

total... creas una caja o quieres para todo el html ??

de cualquier forma.. creo que mi amigo alexk ya te dio ambas soluciones no ??

cristian_cena · #8 (**permalink**) 30/07/2010, 08:50

Hola masterojitos, si bien el tema ya esta concluido porque veo que desde css no se puede, aclaro una cosa, creando una caja para todo el body no me funciono el efecto y es por eso que preguntaba si el scroll por defecto corresponde a un overflow:auto a la etiqueta body (corrijo porque antes habia dicho "etiqueta html" disculpas por ello).
Bueno, nos vemos en otra, un saludo.

alexk · #9 (**permalink**) 30/07/2010, 09:41

pues igual no te entiendo... pero uses el plugin que uses... no veo por que no puede funcionar.... claro si la cuestion es la del post #1 que es lo que logre a entender pero bueno... suerte