Foros del Web » Creando para Internet » CSS »

Scrollbar personalizado en IE i Firefox

Estas en el tema de Scrollbar personalizado en IE i Firefox en el foro de CSS en Foros del Web. Buenas, Tengo personalizado el scroll de la siguiente manera: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original #info : :-webkit-scrollbar {     width : 4px ; ...
  #1 (permalink)  
Antiguo 31/01/2016, 05:47
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 531
Antigüedad: 16 años, 10 meses
Puntos: 4
Scrollbar personalizado en IE i Firefox

Buenas,
Tengo personalizado el scroll de la siguiente manera:

Código CSS:
Ver original
  1. #info::-webkit-scrollbar{
  2.     width:4px;
  3. }
  4. #info::-webkit-scrollbar-track{
  5.     background-color:#c68c20;
  6.     border:1px solid #ccc;
  7.     border-radius:0px;
  8. }
  9. #info::-webkit-scrollbar-thumb{
  10.     background-color:#1f1303;
  11.     border-radius:0px;
  12. }
  13. #info::-webkit-scrollbar-thumb:hover{
  14.     background-color:#44280e;
  15. }
Funciona perfectamente en Chrome (v. 44.0.2403.155 m), Opera (v. 34.0) y Safari (v. 5.1.7).
Y no funciona ni en IE (v. 11) ni Firefox (v. 43.0.1)

Lo estoy buscando por Internet, pero no lo encuentro.

Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #2 (permalink)  
Antiguo 01/02/2016, 08:40
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 206
Antigüedad: 5 años, 1 mes
Puntos: 39
Respuesta: Scrollbar personalizado en IE i Firefox

Es simplemente porque son propiedad exclusivamente del navegador que use como motor -webkit- o -blink-.

Se les llama clases privativas por eso usas el prefijo -webkit-, si solo te interesa la audiencia de chrome, pues lo dejas así, pero para firefox no existe y el soporte para internet/edgexplorer es escaso.

Aquí un articulo super detallado: https://escss.blogspot.com/2012/09/e...onalizado.html

Aunque yo te recomiendo, que en el día y año de hoy por hoy 2016, lo mejor será que lo hagas usando javascript, yo uso PerfectScrollBar porque se adapta a todo, pero hay muchos por ahí más personalizables en apariencia.

La verdad es algo que si le debería corresponder a CSS su manipulación, pero por cuestiones de accesibilidad y usabilidad no lo está, o bueno al menos esa es la excusa.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital
  #3 (permalink)  
Antiguo 01/02/2016, 08:52
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 531
Antigüedad: 16 años, 10 meses
Puntos: 4
Respuesta: Scrollbar personalizado en IE i Firefox

Muchas gracias g3kdigital. Estoy mirando PerfectScrollBar pero resulta muy complicado
__________________
Qué fácil cuando lo sabes y qué difícil cuando no

Última edición por mblascog; 01/02/2016 a las 12:02

Etiquetas: background, color, firefox, hover, personalizado, scrollbar, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:53.