Прокрутка на iPad для iframe в окне GWT - PullRequest
2 голосов
/ 15 августа 2011

ОБРАТИТЕ ВНИМАНИЕ: Это не проблема «использовать два пальца для прокрутки».Будь то один палец, или два, или три, или целая рука, почему-то наш iframe не прокручивает iPad.:)

Вот сценарий:

В нашем веб-приложении, построенном с использованием EXT-GWT, у нас есть несколько окон, которые открываются как (развернутые) всплывающие окна и представляют некоторые формыдля пользователей.Эти формы, которые чаще всего являются внешними, отображаются в iFrame, а содержимое некоторых форм свернуто при начальной загрузке - пользователь может выбрать расширение любого раздела формы, заполнение и отправку.Теперь все отлично работает, кроме прокрутки в iPad.После того, как контент iframe загружен и свернут (свертывание выполняется с использованием JS на стороне клиента, в основном контент загружается как развернутый по умолчанию, а затем свернут с помощью JS) iPad просто не может обеспечить прокрутку для iframe.Даже после расширения содержимого iframe iframe не получает прокрутки.

На данный момент мы решили эту проблему, увеличив высоту (используя JavaScript) окна EXT-GWT до размерарасширенное содержание тела iframe.Это делает прокручиваемым все окно, а не просто iframe внутри окна.В то время как это работает, окно становится большим, поэтому мне стало интересно, есть ли лучший способ обеспечить прокрутку в iframe.

Спасибо за помощь, Нитин

Ответы [ 3 ]

1 голос
/ 12 декабря 2011

Для устройств iOS вам нужно установить переполнение: авто; или прокрутка не сработает. Для своих веб-приложений я использовал fancybox для модального отображения iframe, и как только я изменил настройку переполнения в файле css, прокрутка двумя пальцами отлично работала на iPad.

0 голосов
/ 25 февраля 2013

Я довольно новичок в GWT, но для меня это сработало так:

В моем случае у parent-div iframe есть класс x-component.Я сделал запись в моем CSS-файле следующим образом: .x-component {-webkit-overflow-scrolling: touch;overflow: auto;}

Это также работает, если я задаю эти записи не для класса, а для самого элемента div.

Надеюсь, это поможет

0 голосов
/ 20 августа 2011

Попробовав (почти) все, я пришел к выводу, что увеличение высоты окна GWT до iframe.body.height - единственное решение для прокрутки окна / iframe на iPad. Надеюсь, это поможет кому-то в будущем.

...