2013-08-26 8 views
9

Zaimplementowałem stronę internetową za pomocą programu Twitter twitter. W górnej części strony użyłem paska nawigacji, a wewnątrz tego menu rozwijanego. Menu rozwijane składa się z tagów < ul> i < li>. Pokazuję listę członków w tym dropdwon menu. Gdy lista członków rośnie, rozwijane menu rośnie poziomo, dla którego dodałem overflow: auto do rozwijanej klasy menu. Teraz pokazuje pionowy pasek przewijania i działa dobrze w przeglądarce.Przepełnienie: auto nie działa w urządzeniach dotykowych (iOS)

Ale to samo nie działa w iPadzie i innych urządzeniach iOs. Mam googleed to i znalazłem -webkit-overflow-scrolling: touch powinno działać. Ale to nie działa dla mnie. Wiele innych rozwiązań jest również obecnych, ale niestety nie działa dla mnie.

Czy jest dostępne lepsze rozwiązanie. Może być wszystkim, co możemy zrobić, używając samego CSS.

+0

wykorzystania zarówno 'overflow: scroll' i' -webkit-przelewowy przewijanie: dotyk; '. [link] (http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/). a także spójrz na ten link [** Barrow.io **] (http://barrow.io/overflow-scrolling) –

+0

Tak, wszędzie napisano, że -webkit-overflow-scrolling: touch; powinien działać, ale nie wiem, dlaczego nie działa dla mnie. – sandeep

+0

użyj z 'przepełnieniem: przewiń' nie przez 'przepełnienie: auto' .. –

Odpowiedz

1

Dodaj właściwość CSS do znacznika div -webkit-przelewowy przewijanie touch

+0

Muszę wyświetlić pasek przewijania w tagu < ul > i < li >. – sandeep

+0

umieść go w pojemniku, aw css dodaj tę właściwość –

+0

To nie działa dla mnie – AndrewLeonardi