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

Question

Sub: мобильное веб-приложение iPhone Safari

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

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

Answer 1

В CSS (для iOS 5):

-webkit-overflow-scrolling: touch;

Answer 2

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

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

http://cubiq.org/iscroll-4

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

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

Answer 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 -->