mojones de graham
Estoy generando una lista de organizaciones del lado izquierdo de esta página: http://www.ihhub.org/member-map/
Esta lista se genera agregando <span> etiquetas que están vinculadas al mapa correspondiente.
Mi problema es que la barra de desplazamiento no aparece en CHROME pero sí en Firefox y Safari.
¿Alguna solución?
ACTUALIZAR:
Este problema parece estar aislado de MAC OS.
SOLUCIÓN:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
mojones de graham
Según CSS – Desbordamiento: Desplazamiento; – ¿Mostrar siempre la barra de desplazamiento vertical?: OSx Lion oculta las barras de desplazamiento cuando no está en uso para que parezca más “pulida”, pero al mismo tiempo surge el problema que abordaste: las personas a veces no pueden ver si un div tiene una función de desplazamiento o no. .
Corrección de CSS:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
-
Esta es casi una gran solución, el problema es que agrega espacio para la canaleta de la barra de desplazamiento que de otro modo no estaría allí. Desearía que hubiera una manera de mostrarlo sin ocupar espacio adicional.
– Yarin
16 oct 2018 a las 19:22
Estoy viendo bien la barra de desplazamiento. Si está utilizando Mac, es posible que desee asegurarse de que las barras de desplazamiento siempre se muestren
> generales”>-
Hola, Timo: desafortunadamente, la barra de desplazamiento no aparece en la lista de organizaciones cuando cambié la configuración de Mac. Además, creo, que este es un problema en Chrome para Mac y Windows.
–Graham Cairns
4 de febrero de 2016 a las 13:07
-
Gran Timo: parece que es solo Mac en el que esto no aparece automáticamente. Todavía estoy buscando esta solución. He cambiado overflow-y:scroll a overflow:auto y no hay cambios.
–Graham Cairns
04/02/2016 a las 13:30
Timo
Agrega esto a tu css
.list::-webkit-scrollbar {
-webkit-appearance: scrollbartrack-vertical;
}
o
.list::-webkit-scrollbar {
-webkit-appearance: scrollbarthumb-vertical;
}
-
Hola Timo, muchas gracias por señalar esto. Desafortunadamente, no era lo que estaba buscando, sin embargo, encontré la solución gracias a su selector de barra de desplazamiento ::-webkit.
–Graham Cairns
4 de febrero de 2016 a las 14:02
-
Lo he compartido arriba de @Timo y también lo he agregado al enlace del sitio web. Muchas gracias por tu comentario.
–Graham Cairns
4 de febrero de 2016 a las 14:11
-
Gracias. Ningún problema 🙂
– Timo
04/02/2016 a las 14:45
-
@Timo No funciona ahora y aparece como valor de propiedad no válido.
– Akansh
2 de abril de 2020 a las 9:39
Estoy usando Windows 8 y la versión de Google Chrome es 48.0.2564.97. Y su funcionamiento perfecto. Ver en el área resaltada de la imagen.
Estoy usando la versión 48.0.2564.97 de Crome m
Y está funcionando bien. Cámbielo a overflow-y:auto en caso de que no haya suficientes elementos, no mostrará el desplazamiento.
-
Me alegra ver que esto funciona en Chrome, ¿está en Windows? Si es así, el problema sigue en Mac. He cambiado a desbordamiento: automático según algunos comentarios. Por favor avise.
–Graham Cairns
4 de febrero de 2016 a las 13:29
-
Me alegra ver que esto funciona en Chrome, ¿está en Windows? Si es así, el problema sigue en Mac. He cambiado a desbordamiento: automático según algunos comentarios. Por favor avise.
–Graham Cairns
4 de febrero de 2016 a las 13:29
Qué otro
overflowreglas tienes? Algunos navegadores no funcionan bien cuando configurasoverflow-xa lo largo deoverflow-y– putvande
4 de febrero de 2016 a las 12:57
Aparece en su enlace publicado. Probado en cromo 48 win7
– A. Wolff
4 de febrero de 2016 a las 12:58
para mí no funciona en Chrome, Safari, Firefox.
– vijayst
9 de agosto de 2018 a las 14:27