Как предотвратить прокрутку на Safari Mobile (iPad)? - PullRequest
11 голосов
/ 06 марта 2012

У меня есть простая html5-страница с 3 делениями внутри. Если я позволю прокрутить только 3-й элемент div, то получу несколько ужасных лагов, а реагирование на прикосновения странно. Есть идеи?

<html>
<body style="overflow:hidden">
 <div>
    BLA1
 </div>
 <div>
   BLA2
 </div>
 <div style="overflow: auto;">
    BLA3 overflow is here
 </div>
</body>
</html>

Ответы [ 2 ]

45 голосов
/ 06 марта 2012

Хорошо, благодаря плагину iScroll4 я получил новый трюк для iPad Web Developpers. Видимо, это работает лучше с этим CSS:

overflow-y: scroll;
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

Пока этот лаг словно ад:

overflow: auto;
3 голосов
/ 06 марта 2012

Используйте iscroll 4 http://cubiq.org/dropbox/iscroll4/examples/simple/, это даст наилучшее решение

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...