Problemy z pionowymi paskami przewijania div na iPadzie

Question

Gdy użytkownik przeprowadza wyszukiwanie w mojej witrynie, chcę wyświetlić wynik w małym div z pionowymi paskami przewijania, zamiast tego użytkownik musi przewinąć całą stronę. To działa idealnie we wszystkich przeglądarkach, ALE mam problemy na iPadzie. Widzę, że wynik wyszukiwania nie pasuje do elementu div, ale na iPadzie nie widać paska przewijania. Również podczas próby przewinięcia wewnątrz elementu div przewijana jest cała strona. Czy istnieje rozwiązanie, aby to zadziałało?

HTML i CSS:

<div class="searchResult"> 
    //Here I show the search result 
</div> 

div.searchResult 
{ 
    height: 540px; 
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll; 
} 

Answer 1

Uważam, że odpowiedź jest taka, że ​​nie można przejść, jeśli nie używać metod dwoma palcami. Jednak jeśli spojrzysz na ostatni link, istnieje obejście.

Issues:
CSS Overflow property not working in iPad
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

Obejście:
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

Answer 2

Z jakiegoś dziwnego powodu zmieniającego div do rozpiętości działa na iPadzie.

Answer 3

iScroll to wtyczka jQuery, o której wspomniał tahdhaze09. A dokładniej:

iScroll ewoluuje i dodaje wiele nowych funkcji do podstawowej funkcji przewijania . Jeśli wszystko czego potrzebujesz to zwykły stary scroller dla mobilnego webkita , powinieneś zamiast tego użyć iscroll-lite.js.

iscroll-lite.js jest częścią pakietu iScroll. Wygląda na to, że całkiem dobrze rozwiąże problem przewijania jednym palcem.