Cómo ajustar/cambiar el ancho de la barra de desplazamiento

¿Hay alguna forma de cambiar temporalmente la anchura de la barra de desplazamiento en FF o IE mientras estoy probando algún código de diseño?Cómo ajustar/cambiar el ancho de la barra de desplazamiento

Recuerdo haber leído algo hace tiempo acerca de que esto estaba relacionado con la resolución, pero no recuerdo del todo. Traté de cambiar la resolución de la computadora, intenté aumentar el tamaño de la fuente del navegador, pero ninguno funcionó.

actualización me he encontrado this thread que describe cómo modificar la configuración desde dentro de Firefox, pero no funciona sin problemas, al menos no ha funcionado sin problemas con todo para mí. El asker dijo que eventualmente funcionó para él, así que haré más pruebas más tarde.

Fuente

2010-04-02 goodan

¿Qué quiere esto para todos modos? :) – deceze

Estoy tratando de detectar cosas como el tamaño de la ventana, el tamaño del navegador, el tamaño del cuerpo y otras características del navegador como el ancho de la barra de desplazamiento, y estoy (por supuesto) notando discrepancias entre FF e IE. Así que eso fue parte de las pruebas que estaba haciendo, tratando de cambiar el ancho de la barra de desplazamiento para experimentar más con él. – goodan

@goodan si está interesado en el ancho de la barra de desplazamiento le había dado una respuesta hace algún tiempo que puede ser útil http://stackoverflow.com/a/13382873/149636 – lostsource

Creo que esto podría ser lo que usted está buscando ...

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Se le permite controlar por completo el estilo de sus barras de desplazamiento.

Fuente

2010-04-02 05:16:39 Zac

Para que quede claro, esto crea barras de desplazamiento "falsas" con Javascript , que puede usar para reemplazar barras de desplazamiento reales. Eso es lo más cerca que llegarás a las barras de desplazamiento personalizadas. – deceze

@deceze Gracias por señalar esto. Esto sería demasiado poderoso para mí en ese momento, e incluso podría no funcionar para lo que necesito, ya que realmente no necesito el poder de las barras de desplazamiento personalizadas. ¿Hay alguna configuración en el navegador o en el sistema operativo que me permita controlar el grosor del navegador? o incluso una forma de cambiar la resolución y obtener diferentes grosores? – goodan

@goodan No creo que esto sea posible. Una barra de desplazamiento es una barra de desplazamiento, y gracias a Dios los sitios web no pueden cambiarlos de cualquier manera. IE y posiblemente uno o dos navegadores permitieron la personalización del esquema de color de la barra de desplazamiento, pero AFAIK se trata de eso. – deceze

Puede hacer esto con la configuración de apariencia avanzada en Windows. Tenga en cuenta que esto afectará (casi) a todas las aplicaciones, no solo a sus navegadores. Es posible que también deba cerrar y volver a abrir el navegador.

En Windows 7: Panel de control> Apariencia y personalización> Personalización> Color de ventana> haga clic en "configuración de aspecto avanzadas, sistema de la caja caída de artículos de 'barras de desplazamiento" (o haga clic en la barra de desplazamiento en el ejemplo de la imagen), ajuste tamaño control de giro
en Vista:. Personalización> Color y apariencia> Abra Windows clásicos propiedades de apariencia> Avanzado> Elemento> barra de desplazamiento a continuación, ajustar el tamaño
en XP: Haga clic derecho en el escritorio y selec t Propiedades. En la ventana que aparece, haz clic en la pestaña Apariencia. Ahora haz clic en el botón Avanzado en la esquina inferior derecha. Abra el menú Artículo y seleccione Barra de desplazamiento. Usando las flechas hacia arriba y hacia abajo, puede aumentar o disminuir el tamaño de la barra de desplazamiento.

Fuente

2012-04-11 09:42:08 Sam

::-webkit-scrollbar { 
    width: 6px; 
    background-color: rgba(0,0,0,0); 
    -webkit-border-radius: 80px; 
} 
::-webkit-scrollbar:hover { 
    background-color: rgba(0, 0, 0, 0.09); 
} 

::-webkit-scrollbar-thumb:vertical { 
    background: rgba(0,0,0,0.61); 
    -webkit-border-radius: 80px; 
} 
::-webkit-scrollbar-thumb:vertical:active { 
    background: rgba(0,0,0,0.61); 
    -webkit-border-radius: 80px; 
} 

/*Try this*/

Fuente

2014-04-23 05:49:31

Esto funcionó para mí ... pero ¿qué pasa si no quiero que afecte a la barra de desplazamiento de la ventana principal, sino solo a un div ... lo estoy usando solo para un div en este momento y funciona –

Cómo ajustar/cambiar el ancho de la barra de desplazamiento

Respuesta

Cuestiones relacionadas