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 Sie overflow-x entlang der overflow-y
Es wird auf dem geposteten link. Getestet auf chrome 48 win7
für mich ist es nicht funktioniert in Chrome, Safari, Firefox.

InformationsquelleAutor Graham Cairns | 2016-02-04

30

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:
```
::-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);
}
```
- endlich, die Lösung, die für mich gearbeitet!
- Danke!!! Funktioniert Super!
- Dies ist fast eine große Lösung, problem ist, es fügt Platz für die scrollbar-Rinne, die sonst nicht da sein. Ich wünschte, es gäbe einen Weg, es zu zeigen, ohne dabei zusätzlichen Platz.
InformationsquelleAutor Graham Cairns
7

Sehe ich Bildlaufleiste gut. Wenn Sie Mac benutzen, möchten Sie vielleicht, um sicherzustellen, dass die Scrollbalken werden immer angezeigt
- Hi Timo - leider sind die scroll-bar erscheint nicht auf der Liste der Organisationen, als ich geändert, die mac-Einstellungen. Außerdem denke ich, dass dies ein Problem auf Chrome für Mac und Windows.
- Ich bin mit chrome auf windows und es funktioniert
- Großer Timo - wie es aussieht, ist nur der Mac, dass das nicht die auf automatisch. Ich bin noch auf der Suche nach dieser Lösung. Habe ich geändert overflow-y:scroll zu overflow:auto und keine änderung.
InformationsquelleAutor Timo
3

Füge dies in deine css -
```
.list::-webkit-scrollbar {
    -webkit-appearance: scrollbartrack-vertical;
}    
```
oder
```
.list::-webkit-scrollbar {
   -webkit-appearance: scrollbarthumb-vertical;
} 
```
- Hi Timo - vielen Dank für den Hinweis. Leider war es nicht das, was ich suchte, aber ich habe die Lösung Dank eurer ::-webkit-scrollbar-Selektor.
- Würden Sie mir zu teilen?
- Ich Sprach oben @Timo und ich haben Hinzugefügt, um die website-link zu. Vielen Dank für euren input.
- Danke. Kein problem 🙂
InformationsquelleAutor Timo
0

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 froh zu sehen, diese arbeitet an Chrome ist dies auf Windows. Wenn also das Problem noch auf dem Mac. Ich habe geändert, um overflow:auto als pro ein paar Kommentare. Bitte beraten.
InformationsquelleAutor naman
0

Ich bin mit Windows 8 und Google Chrome version ist 48.0.2564.97. Und seine Arbeit perfekt. Siehe im Bild markierten Bereich.

InformationsquelleAutor Ajay Gupta

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.