2015-03-05 17 views
8

Ten kod działa doskonale nadaje się do przewijania do stylizacji:-webkit-przelewowy przewijanie touch łamie mi -webkit-przewijania CSS w iOS

.frame::-webkit-scrollbar { 
    -webkit-appearance: none; 
    background-color: #000; 
} 
.frame::-webkit-scrollbar:horizontal { 
    height: 6px; 
} 
.frame::-webkit-scrollbar-thumb { 
    background-color: #000; 
} 
.frame::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background-color: #333; 
} 

Ale za każdym razem chcę, aby go dotknąć włączony (dla złagodzenia w telefonie przewijając), wszystkie paski przewijania zniknie

.frame { 
    -webkit-overflow-scrolling: touch; 
} 

każde rozwiązanie, aby utrzymać przewijania w iOS lub telefonów komórkowych?

+2

http://patrickmuff.ch/blog/2014/10/01/how-we-fixed-the-webkit-overflow-scrolling-touch-bug-on-ios/ –

+1

[Tutaj jest raport o błędzie.] (https://bugs.webkit.org/show_bug.cgi?id=137043) Skomentuj, aby Apple wiedział, że to dla ciebie ważne. – aleclarson

Odpowiedz

3

Można niestandardowy styl swoich przewijania z CSS w przeglądarkach WebKit lub włączyć

-webkit-overflow-scrolling: touch; 

Obaj robi współpracować w najnowszej safari. Jeśli włożysz tylko dotyk, zadziała. Testowane w Iphone 5 i 6

Powiązane problemy