Как включить полосу прокрутки iframe в iOS-сафари

Question

Я пытаюсь установить плагин для прямой трансляции на своем веб-сайте.Я вижу, что есть прокрутка на ПК и Mac браузерах, но не на iphone или Ipad Safari.Я думаю, это потому, что iphone и ipad по-разному относятся к полосе прокрутки, поскольку они оба являются сенсорными устройствами.Поэтому я рассчитываю прокрутить iframe двумя пальцами, но он тоже не работает.

Вот пример страницы (используется другой src url) http://para.qacode.com/test.php

Как включить прокрутку двумя пальцами или обычную полосу прокрутки в ios safari?

Answer 1

Примените эти стили к родительскому контейнеру:

-webkit-overflow-scrolling:touch;
overflow:auto;

Answer 2

В версиях iOS до 5 вы можете прокручивать iframe на iPad / iPhone двумя пальцами, но это немного скрытая функция, и большинство людей об этом не знают. Я не уверен, почему прокрутка пальцем не работает для вашего iframe - возможно, какой-то JavaScript перехватывает сенсорное событие?

В iOS 5 это исправлено, и прокрутка работает, как ожидается, для фреймов одним пальцем.

Если вам нужно прокрутить субрегион страницы на iOS 4 и более ранних версиях, лучше всего использовать библиотеку, такую ​​как iScroll, которая реализует прокрутку с обработкой сенсорных событий JavaScript.