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

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

источник

2010-07-06 Jonathan Hawkes

Я безуспешно пытался добиться скроллинга IFRAME на iPhone, а также обнаружили, что IFrame игнорирует любые попытаться установить его е. Вы упоминаете размещение iframe в блочном элементе в сочетании с библиотекой прокрутки - это работало для вас в качестве обходного пути? До сих пор у меня не было никакого успеха. – James

Джеймс, это все еще случай, когда вы «безуспешно пытались добиться прокрутки iframe на iPhone»? Я экспериментировал и искал решения для решений, также безуспешно. (Примечание: iframe сам по себе работает, но не один раз я совмещаю его с iscroll/touchscroll/и т. Д.) –

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

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

Scrollability, New iOS Physics Project from Facebook for iPhone Creator, Joe Hewitt

Надеется, что это помогает.

источник

2011-05-28 15:57:15 fuzz

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

источник

2011-06-10 13:36:56 Tim

-4

Ответный ответ: больше не используйте IFRAMES.

источник

2011-08-01 03:34:59

-1 html-редакторы (например, tinymce, ckeditor, aso) нужны iframes – Thariama

Код ниже работает для меня (спасибо Кристофер Циммерманн за сообщение в блоге http://dev.magnolia-cms.com/blog/2012/05/strategies-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>

источник

2012-08-01 17:35:49 WhatsInAName

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

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

к DIV вокруг моего фрейма работал для меня

источник

2013-11-29 13:16:24 p4tch

работает для меня, спасибо – user1532587

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

ответ

Смежные вопросы