wake-up-neo.com

Ü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);
}
13
Graham Cairns

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);
}
23
Graham Cairns

Ich sehe Bildlaufleiste gut. Wenn Sie einen Mac verwenden, möchten Sie möglicherweise sicherstellen, dass Bildlaufleisten immer angezeigt werden

 System preferences >> general

6
Timo

Fügen Sie dies Ihrer CSS hinzu

.list::-webkit-scrollbar {
    -webkit-appearance: scrollbartrack-vertical;
}    

oder

.list::-webkit-scrollbar {
   -webkit-appearance: scrollbarthumb-vertical;
} 
4
Timo

Ich verwende Windows 8 und die Google Chrome-Version ist 48.0.2564.97. Und es funktioniert perfekt. Siehe hervorgehobenen Bereich im Bild.

 enter image description here

0
Ajay Gupta

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.

 enter image description here

0
naman