Одиночный палец Прокрутка для внутреннего содержимого (div/iframes) в iPhone Mobile Safari

Sub: веб-приложение для мобильного веб-браузера iPhone

Мне нужно, чтобы некоторые части веб-страницы были видны даже при прокрутке пользователя. Положение свойства CSS: исправлено не работает должным образом. Использование переполнения: авто свойство включено или требуется прокрутка с двумя пальцами, что не то, что я хочу.

Есть ли способ обеспечить прокрутку одного пальца на внутреннем содержимом "div" или "iframes" с использованием javascript или iphone safari Touch API (событие touchMove)?

Ответы

Ответ 1

В CSS (для iOS 5):

-webkit-overflow-scrolling: touch;

Ответ 2

Натурально это невозможно, либо с div, либо с iframe, поэтому он должен быть разрешен при использовании javascript для прослушивания сенсорных событий. Я исследую эту же проблему для проекта, и на данный момент я нашел пару библиотек javascript, которые решают эту проблему.

Я изучаю этот вопрос на данный момент, но я еще не сделал этого.

http://cubiq.org/iscroll-4

Джо Хьюитт из знаменитости Three20 недавно приступила к разработке решения для этого, но он действительно рано начал процесс, где, как и другой, существует уже несколько лет.

http://joehewitt.github.com/scrollability/

Ответ 3

Вы можете использовать только один палец, но вы должны предоставить style.height внутреннего DIV

<div id="container-div" style="overflow:hidden">
   <div id="inner-div" style="overflow-y:auto; height:1024px"> 
   <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->