Überlauf-y: Bildlauf wird in Chrome nicht angezeigt
Ich erzeuge eine Liste von Organisationen auf der linken Seite dieser Seite: http://www.ihhub.org/member-map/
Diese Liste wird durch das Anhängen von <span>-Tags erstellt, die mit der entsprechenden Karte verknüpft sind.
Mein Problem ist - die Bildlaufleiste erscheint nicht in CHROME, aber in Firefox und Safari.
Irgendwelche Lösungen?
AKTUALISIEREN:
Dieses Problem scheint von Mac OS isoliert zu sein.
LÖSUNG:
::-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);
}
Gemäß CSS - Überlauf: Blättern; - Immer vertikale Bildlaufleiste anzeigen? : OSx Lion verbirgt Scrollbalken, wenn sie nicht verwendet werden, um sie "glatter" erscheinen zu lassen, gleichzeitig aber tritt das Problem auf, das Sie angesprochen haben: Leute können manchmal nicht sehen, ob ein Div eine Scrollfunktion hat oder nicht.
CSS-Fix:
::-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);
}
Ich sehe Bildlaufleiste gut. Wenn Sie einen Mac verwenden, möchten Sie möglicherweise sicherstellen, dass Bildlaufleisten immer angezeigt werden
Fügen Sie dies Ihrer CSS hinzu
.list::-webkit-scrollbar {
-webkit-appearance: scrollbartrack-vertical;
}
oder
.list::-webkit-scrollbar {
-webkit-appearance: scrollbarthumb-vertical;
}
Ich verwende Windows 8 und die Google Chrome-Version ist 48.0.2564.97. Und es funktioniert perfekt. Siehe hervorgehobenen Bereich im Bild.
Ich benutze Crome Version 48.0.2564.97 m
Und es funktioniert gut .. Ändern Sie es in overflow-y: auto, falls nicht genügend Elemente vorhanden sind, wird kein Bildlauf angezeigt.
