iOS: Wie kann man -webkit-overflow-scrolling und :: - webkit-scrollbar zusammenarbeiten?

Question

Ich versuche, benutzerdefinierte Stile auf die Bildlaufleisten anwenden (tatsächlich versuchen Scrollbalken immer sichtbar zu machen) und bewahren den Schwung für die iOS-App-Scrolling:

#container 
{ 
    height: 400px; 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch; 
} 

#container::-webkit-scrollbar 
{ 
    -webkit-appearance: none; 
    background-color: #000; 
} 

#container::-webkit-scrollbar:horizontal 
{ 
    height: 6px; 
} 

#container::-webkit-scrollbar-thumb 
{ 
    background-color: #000; 
} 

#container::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background-color: #333; 
} 

Aber -webkit-overflow-scrolling: touch und ::-webkit-scrollbar Arten nicht zusammenarbeiten. Es gibt bereits eine ähnliche Frage auf Stackoverflow:

-webkit-overflow-scrolling: touch breaks my -webkit-scrollbar css in iOS

also von der Höhe spring'2016, ist es eine Möglichkeit, einen Impuls zu haben Scrollen Scrollen während der Bildlaufleisten zugleich Styling? Ich bin bereit, die -WebKit-overflow-scrolling: touch abzuzweigen, wenn es eine andere Methode gibt, die es fälschen kann.

Bitte nicht vorschlagen, niceScroll, iScroll, etc. - Ich habe diese versucht; Tatsächlich benutze ich gerade eines dieser Skripte und möchte davon wegkommen.

Answer 1

Haben Sie versucht, "overflow: scroll" im CSS zu setzen?