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

Question

Когда пользователь выполняет поиск на моем веб-сайте, я хочу показать результат в небольшом элементе 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;
}

Answer 1

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

Проблемы:
Свойство CSS Overflow не работает в iPad
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

Обходной путь:
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

Answer 2

iScroll - это плагин jQuery, упомянутый tahdhaze09.А точнее:

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

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

Answer 3

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