Bildlaufleisten erscheinen im Überlauf-Container auf einer Maschine, aber nicht in der anderen

Question

Vor ein paar Wochen habe ich zum ersten Mal eine Web-App auf einem anderen Computer (Chrome auf Ubuntu) angeschaut und entsetzt auf die Bildlaufleisten geschaut das erschien in allen meinen Überlaufbehältern. Ich machte mir eine mentale Notiz, um es später zu beheben, aber da ich das Problem nicht sehen konnte, als ich die Seite auf meiner üblichen Maschine ansah, vergaß ich schnell. Ich habe es mir nur auf einer anderen Maschine angeschaut, die ich gelegentlich benutze (Chrome auf dem Mac), und das Scrollbalken-Chaos ist zurückgekehrt. Beim Anzeigen meiner Webanwendung auf dem Computer, auf dem ich gerade arbeite, verhalten sich die Bildlaufleisten jedoch wie erwartet. Unten sind Bilder zu demonstrieren.

Die erste ist ein Screenshot von meiner aktuellen Maschine, eine Chat-Box mit overflow: scroll:

Samen Chat-Box, denselben Code, gleicher Browser, aber auf meinem anderen Mac:

Schauen Sie sich diese hässlichen Dinge an. Es ist so, als ob mein Browser 10 Jahre zurückgelaufen wäre. Beide Maschinen haben die gleiche Version von Chrome (58.0.3029.110 (64-Bit)), aber unterschiedliche Versionen von Apple OS (einer ist Sierra 10.12.4, der nicht funktionierende ist El Capitan 10.11.5). Auch dieses Scrollbar-Verhalten wurde wieder auf einem Ubuntu-Computer angezeigt. Beachten Sie, dass die Bildlaufleisten in Firefox auf beiden Computern wie erwartet funktionieren.

EDIT

Um zu zeigen, was erwartet wird, hier ist ein Bild von dem vertikalen Bildlauf, die nur erscheint, wenn an der Arbeitsmaschine Scrollen:

Answer 1

Versuchen overflow:auto; anstelle von overflow:scroll; . Es wird das Problem beheben, da es die Bildlaufleiste basierend auf dem Inhalt des übergeordneten Elements automatisch ein- oder ausblendet.