Проблемы с вертикальными полосами прокрутки div на iPad

Когда пользователь выполняет поиск на моем веб-сайте, я хочу показать результат в маленьком div с вертикальными полосами прокрутки, вместо этого пользователю нужно прокрутить полную страницу. Это работает отлично во всех браузерах, НО я получаю проблемы на iPad. Я вижу, что результат поиска не вписывается в div, но на iPad нет полосы прокрутки. Также, когда я пытаюсь прокручивать внутри div, вместо этого прокручивается полная страница. Есть ли решение для этого?

HTML и CSS:

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

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

Ответ 1

Я считаю, что ответ заключается в том, что вы не можете прокручивать, если не используете методы с двумя пальцами. Однако, если вы посмотрите на последнюю ссылку, есть обходной путь.

Вопросы:
Свойство переполнения CSS не работает в iPad
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

Решение:
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

Ответ 2

iScroll - это плагин jQuery, о котором упоминается tahdhaze09. И более конкретно:

iScroll развивается и добавляет много новых функций к основному прокрутки. Если все, что вам нужно, это простой старый скроллер для mobile webkit, вы действительно должны использовать iscroll-lite.js.

iscroll-lite.js является частью пакета iScroll. Похоже, что он очень хорошо справится с проблемой прокрутки с одним пальцем.

Ответ 3

По какой-то странной причине изменение div на диапазон работает на iPad.