Android iFrame не прокручивает: как использовать наш «виджет» на веб-страницах клиента при сохранении совместимости с мобильными устройствами

Question

Мы разрабатываем приложение для бронирования SAAS.

В рамках этой услуги мы предлагаем клиентам «виджет» для встраивания в их существующую веб-страницу, который позволяет клиенту бронировать.

Мы реализовали этот виджет как простой iframe, который отлично работалдо этого момента.IFrame казался отличным решением и работает в браузерах настольных компьютеров, устройствах iOS и некоторых телефонах с Android, , но мы получаем сообщения о том, что на некоторых устройствах с Android iFrame не прокручивается и вызывает проблемы у пользователей.* Мы хотели бы быть максимально совместимыми между устройствами, чтобы мы начали думать, правильно ли мы это делаем ...

Мой вопрос: является ли iFrame подходящим способом для включенияВиджет, как это на другом сайте?Или есть лучший способ для достижения того же результата.

Мои исследования показывают, что Youtube, Facebook и т. Д., Кажется, используют iFrames для достижения такого рода функциональности.

Возможно, iFramesлучший способ сделать это, и те пользователи на старых устройствах Android просто должны принять не совсем идеальный опыт, или, может быть, есть лучший способ для нас подойти к этому.

Спасибо за любые мысли!

Вот iframe:

<iframe src="http://salontastic.salonmonster.com/client/index.php?layout=2" width="100%" min-width="630px" style="min-height:600px;" scrolling="auto" frameborder="0"></iframe>

Я создал jsfiddle, чтобы продемонстрировать его в действии.

http://jsfiddle.net/6htuz/

Answer 1

Не согласен ... Я тоже разработчик, и у меня куча проблем с iFrames на Android ... В данный момент я тестирую Toshiba Folio 100 с Android 2.2. 5 стоковый браузер и прокрутка на iFrames не работает. Я пробовал этот jsfiddle, и я тоже не могу его прокрутить! У кого-нибудь есть решение этой проблемы? Я потратил несколько дней на поиски в интернете и пробовал тысячи разных трюков, но мне не повезло в стоковом браузере и Dolphin HD. В Opera Mobile и Firefox mobile они работают «из коробки», но мне нужно гарантировать полную поддержку Android даже со стандартным браузером: - (

Answer 2

Если дочерняя страница iframe имеет высоту 10 000 пикселей (т.е. действительно очень высокий), и вы хотите встроить ее в мобильную веб-страницу таким образом, чтобы можно было прокрутить все 10000 пикселей контента, тогда решение заключается в создании самого iframe.10 000 пикселей в высоту:

Контент iframe не будет прокручиваться, но будет содержать его содержащее окно.

Точно не решает проблему с прокруткой, но позволяет долго прокручивать контент iframe.,