прокрутка iframe на iphone - PullRequest
Новая
       18

прокрутка iframe на iphone

14 голосов
/ 06 июля 2010

Мне известно о нескольких библиотеках прокрутки (TouchScroll, iScroll) для iPhone / iOS из-за его неспособности (???) поддерживать переполнение: прокрутка. Однако я не знал (и я жду подтверждения), что IFRAME тоже не работают. Похоже, что iframe не уважает любую попытку придать ему фиксированный размер и всегда просто изменяет размер своего содержимого. Я прав в этом? Является ли единственный способ прокрутить IFRAME, чтобы поместить его в элемент блока с установленным свойством CSS переполнения, а затем использовать библиотеку, подобную вышеупомянутой?

Ответы [ 5 ]

8 голосов
/ 29 ноября 2013

просто добавив ... 

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

в div вокруг моего iframe работал для меня

1 голос
/ 10 июня 2011

Вы можете прокрутить любой контент, для которого установлено переполнение: автоматически с помощью , коснувшись двумя пальцами и перетащив .Не помещайте iFrame в div с помощью overflow: auto, а вместо этого установите для iframe значение overflow: auto.К сожалению, прокрутка iframe очень неустойчива * , независимо от содержимого или устройства, поэтому лучшее решение - найти способ разместить ваш контент на одной длинной странице с установленными разделителями «top» и «bottom» вида divследовать за окном просмотра (если это эффект, который вы собираетесь.)

0 голосов
/ 01 августа 2012

Приведенный ниже код работает для меня (спасибо Кристоферу Циммерману за его сообщение в блоге http://dev.magnolia -cms.com / blog / 2012/05 / Strategic for the-iframe-on-the-ipad-problem / ). Проблемы: 1. Нет полос прокрутки, чтобы пользователь знал, что он может прокручивать 2. Пользователи должны использовать прокрутку двумя пальцами 3. Файлы PDF не центрированы (все еще работают над ним) 

    <!DOCTYPE HTML>
    <html>
    <head>
      <title>Testing iFrames on iPad</title>
      <style>
      div {
        border: solid 1px green;
        height:100px;
      }

    .scroller{
        border:solid 1px #66AA66;
        height: 400px;
        width: 400px;
        overflow: auto;
        text-align:center;

    }
    </style>

</head>

<body>

    <table>
      <tr>
        <td><div class="scroller">
        <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe>
    </div>
        </td>
        <td><div class="scroller">
        <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe>
    </div>
        </td>
      </tr>
      <tr>
      <td><div class="scroller">
        <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe>
    </div>
        </td>
        <td><div class="scroller">
        <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe>
    </div>
        </td>
      </tr>
    </table>
    <div> Here are some additional contents.</div>
</body>
</html>
0 голосов
/ 01 августа 2011

Легкий ответ: больше не используйте IFRAMES.

0 голосов
/ 28 мая 2011

Вы дали попробовать библиотеке прокрутки Джо Хьюитта?

Подробнее об этом можно прочитать здесь:

Прокручиваемость, новый проект по физике iOS от Facebook для iPhone Creator, Джо Хьюитт

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

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

Нет похожих вопросов

...