Barra de desplazamiento del navegador de estilos

Question

Vi este año antes, pero como no era ampliamente compatible, los sitios web están dejando de utilizarlo.

Actualmente estoy diseñando un sitio web que tendrá barras de desplazamiento dentro del diseño y me pregunto si CSS2 tiene alguna especificación sobre el estilo de las barras de desplazamiento del navegador porque los colores predeterminados no caben. Si no hay especificaciones, se apreciará cualquier referencia al comportamiento específico del navegador.

Si no hay ninguna especificación de CSS en él, tendría que confiar en una barra de desplazamiento generada de forma personalizada utilizando JS. También se agradecen las referencias sobre cómo construir uno.

Answer 1

Una solución de JavaScript se puede encontrar en http://www.hesido.com/web.php?page=customscrollbar. Tenga en cuenta que tiene que pagar por esto, pero incluso si no desea ir por esa ruta, muestra lo que es posible.

De lo contrario, jQuery solution y Prototype solution también están disponibles.

Answer 2

Puede hacerlo de esta manera:

<style> 
body { 
    scrollbar-face-color: #000000; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
} 
</style> 

pero sólo funciona en Internet Explorer y Opera (gracias, Julien!). Y es posible que desee usar diferentes colores. 8-)

Answer 3

WebKit es compatible con another mechanism.

Answer 4

cito a mí mismo de this thread, ya que es relacionada:

Desde el punto de vista de la facilidad de uso, el cambio de 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 quienes son nuevos en el uso de computadoras, personas mayores, etc.

La mayoría de los usuarios de hoy en día probablemente reconocerá una barra de desplazamiento siempre que tenga su forma básica, y muchos ni siquiera usarán la barra en sí, pero 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 5

muchos navegadores admiten algún tipo de diseño de las barras de desplazamiento, pero nada de eso está estandarizado en CSS.

también, como dijo Systad Arve, el cambio de este tipo de widgets básicos del sistema operativo es un no-go, aunque hay que tener cuidado con el cambio de botones, entonces también

Answer 6

No he intentado probar estas soluciones, pero se ven muy prometedoras y se dice que se degradan muy bien.

Esta sería mi primera opción
http://www.hesido.com/web.php?page=customscrollbar

http://www.n-son.com/scripts/jsScrolling/new/example5.html