Probleme mit div vertikalen Bildlaufleisten auf dem iPad

Question

Wenn ein Benutzer eine Suche auf meiner Website durchführen möchte ich das Ergebnis in einem kleinen div mit vertikalen Bildlaufleisten anzeigen, anstatt dass der Benutzer die gesamte Seite scrollen muss. Das funktioniert in allen Browsern einwandfrei, ABER ich bekomme Probleme auf dem iPad. Ich kann sehen, dass das Suchergebnis nicht in das div passt, aber auf dem iPad wird keine Bildlaufleiste angezeigt. Auch wenn ich versuche, innerhalb des Div zu scrollen, wird stattdessen die ganze Seite gescrollt. Gibt es eine Lösung, um das zu erreichen?

HTML und CSS:

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

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

Answer 1

Ich glaube, die Antwort ist, dass man nicht blättern, wenn Sie die Zwei-Finger-Methoden verwenden. Wenn Sie jedoch den letzten Link betrachten, gibt es eine Problemumgehung.

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

Umgehung:
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

Answer 2

Aus irgendeinem Grunde, den div auf eine Spanne ändert arbeiten auf einem iPad.

Answer 3

iScroll ist das jQuery-Plugin, dass tahdhaze09 erwähnt. Und um genauer zu sein:

iScroll entwickelt und viele neue Funktionen zu den grundlegenden Scrolling-Funktionalität hinzufügen. Wenn Sie nur den einfachen alten Scroller für das mobile Webkit benötigen, sollten Sie stattdessen stattdessen iscroll-lite.js verwenden.

iscroll-lite.js ist Teil des iScroll-Pakets. Es sieht so aus, als würde es das Ein-Finger-Scroll-Problem recht gut lösen.