Chrome für Android: Horizontale Bildlaufleiste ausblenden, wenn nicht gescrollt wird

Ich habe ein horizontal scrollendes div. Auf Mobilgeräten möchte ich die Bildlaufleiste ausblenden, wenn der Inhalt nicht angezeigt wird . Es funktioniert auf Safari auf einem iPad, aber mit Chrome auf einem Android-Tablet, ich sehe die horizontale Bildlaufleiste jederzeit.

CSS auf meinem horizontal scrollenden div:

white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;

Eine CSS-Lösung wäre vorzuziehen, aber Javascript/JQuery funktioniert auch, wenn nötig. Danke im Voraus.

0

2 Antworten

Sind Sie absolut sicher, dass es nicht passiert, wie Sie beschrieben haben?

Ich habe es gerade auf einem Tablet und einem Telefon mit einem Test getestet, den ich geschrieben habe und ich habe nur das untere div bemerkt hat Bildlaufleisten, wenn der Benutzer horizontal scrollt. Wenn der Inhalt stationär ist, verschwinden die Bildlaufleisten in etwa einer Sekunde.

scrollbar visible whilst scrolling Scrollbar gone

0
hinzugefügt
Ich kann das nicht herausfinden. Ihre Testseite funktioniert so, wie Sie es auf meinem Tablet beschrieben haben. Unser CSS ist auf diesem Element identisch, aber ich sehe immer noch die Bildlaufleiste auf meiner Website. Ich muss weiter herumstochern.
hinzugefügt der Autor bwiechart, Quelle

Ich hatte dieses Problem auch und stellte fest, dass es die border-radius -Eigenschaft war, die verhindert, dass die Bildlaufleiste sich versteckt. Außerdem war das Scrollen nach dem Entfernen viel einfacher.

0
hinzugefügt