html - personalizar - scroll height css

¿Cuál es el problema con CSS y barras de desplazamiento?

Question

Tengo un cliente con una página HTML con un par de divs de desplazamiento con contenido de texto. Está usando un diseño basado en imágenes, por lo que las barras de desplazamiento predeterminadas no se adaptan en absoluto. Le gustaría usar un estilo diferente, pero que yo sepa que eso no es posible.

¿Qué piensas?

Answer 1

Desde el punto de vista de la usabilidad, cambiar las barras de desplazamiento es un no-go. El usuario está familiarizado con su sistema operativo y el entorno visual que proporciona. Cambiar esto crea confusión, especialmente entre aquellos que son nuevos en el uso de computadoras, personas mayores, etc.

La mayoría de los usuarios de hoy en día probablemente reconocerán una barra de desplazamiento siempre que tenga su forma básica, y muchos ni siquiera usarán la barra en sí, sino solo la rueda de desplazamiento del mouse.

Sin embargo, todavía es algo en lo que pensar. Considera a tu audiencia. Y haga lo que haga, asegúrese de que realmente funcione en todas las plataformas / en todos los navegadores si usa una barra de desplazamiento personalizada.

Answer 2

Hay una respuesta jQuery a esto:

jScrollPane

Hay algunos buenos ejemplos de los efectos que puede lograr

Answer 3

Puede cambiar los colores con CSS, pero IIRC solo IE v5.5 + es compatible con este CSS. ¡Otros navegadores no!

Vea aquí para una demostración: http://www.iconico.com/CSSScrollbar/

Answer 4

Es posible.

body {
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #808080;
    scrollbar-darkshadow-color: #000000;
}

Nota: ¡Puede que no funcione si ha especificado un Doctype XHTML!