2016-04-26 40 views
10

Próbuję zastosować niestandardowe style do pasków przewijania (w rzeczywistości, starając się paski przewijania zawsze widoczne) i zachowania pędu przewijania dla aplikacji na iOS:iOS: jakikolwiek sposób na przepełnienie -webkit-przewijanie i :: - webkit-scrollbar współpracują ze sobą?

#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; 
} 

Ale -webkit-overflow-scrolling: touch i ::-webkit-scrollbar style nie robić pracować razem. Jest już powiązany pytanie na StackOverflow:

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

Tak, z wysokości spring'2016, czy jest jakiś sposób, aby mieć pęd przewijanie przewijanie podczas stylizacji przewijania w tym samym czasie? Jestem gotowy, by porzucić -WebKit-overflow-scrolling: touch, jeśli istnieje inna metoda, która może go sfałszować.

Proszę nie sugerować używania niceScroll, iScroll, itp. - Próbowałem już; aktualnie używam jednego z takich skryptów i chcę od tego uciec.

+2

[Tutaj znajduje się zgłoszenie błędu.] (Https://bugs.webkit.org/show_bug.cgi?id=137043) Skomentuj, aby Apple wiedział, że jest to dla Ciebie ważne. – aleclarson

Odpowiedz

0

Czy próbowałeś umieścić w CSS "overflow: scroll"?

+0

Tak, bezskutecznie. –