Overflow-y: Scroll zeigt nicht scrollbar in Chrome
Ich bin erzeugt eine Liste von Organisationen, die der linken Seite dieser Seite: http://www.ihhub.org/member-map/
Diese Liste wird erzeugt durch Anhängen <span>
- tags mit Links zur entsprechenden Karte.
Mein Problem ist - die scroll-bar erscheint nicht in CHROM sondern erscheint in Firefox und Safari.
Irgendwelche Lösungen?
UPDATE:
Zeigt sich das Problem isoliert werden, um MAC OS.
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);
}
- Was andere
overflow
Regeln haben Sie? Manche Browser spielen nicht schön wenn Sieoverflow-x
entlang deroverflow-y
- Es wird auf dem geposteten link. Getestet auf chrome 48 win7
- für mich ist es nicht funktioniert in Chrome, Safari, Firefox.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Laut CSS - Overflow: Scroll; - Immer vertikaler Rollbalken?: OSx Lion versteckt Scrollbalken, während nicht in Gebrauch ist, um es scheinen mehr "slick", aber gleichzeitig das Problem, das Sie angesprochen wird: die Menschen manchmal nicht sehen kann, ob ein div hat eine scroll-Funktion oder nicht.
CSS-Update:
Sehe ich Bildlaufleiste gut. Wenn Sie Mac benutzen, möchten Sie vielleicht, um sicherzustellen, dass die Scrollbalken werden immer angezeigt
Füge dies in deine css -
oder
Ich bin mit Crome Version 48.0.2564.97 m
Und es funktioniert einwandfrei..
Ändern Sie es zu overflow-y:auto im Fall, wenn gibt es nicht genügend Elemente, die Sie nicht angezeigt Blättern.
Ich bin mit Windows 8 und Google Chrome version ist 48.0.2564.97. Und seine Arbeit perfekt. Siehe im Bild markierten Bereich.