iframe iphone üzerinde kaydırma

Yetersizlik (???) taşmayı desteklemesi nedeniyle iPhone/iOS için çoklu kaydırma kitaplıklarının (TouchScroll, iScroll) farkındaydım. Ancak, IFRAME'lerin gerçekten işe yaramadığının farkında olmadım (ve teyit için arıyorum). Iframe'nin sabit bir boyut verme girişimlerine saygı duymadığı ve her zaman kendi içeriğine yeniden boyut verdiği görülmektedir. Bunu düzeltiyor muyum? Bir IFRAME dosyasını, taşma CSS özelliği ile bir blok öğesinin içine yerleştirmek ve daha önce bahsedilen gibi bir lib kullanmak için kaydırmanın tek yolu mı?iframe iphone üzerinde kaydırma

kaynak

2010-07-06 Jonathan Hawkes

benim için çalıştı ve aynı zamanda iframe herhangi görmezden bulundu boyutunu ayarlamaya çalışmak e. Iframe'i bir kaydırma öğesiyle birlikte bir blok öğesinin içine yerleştirmekten söz etmektesiniz - bu bir çözüm olarak sizin için işe yarıyor mu? Şimdiye kadar herhangi bir yaklaşımda hiç bir başarı elde edemedim. – James

James, hala "iPhone'da kaydırma iframe elde etmek için başarı olmadan denediniz" durum böyle mi? Başarılar olmadan da çözümleri denedim ve geziyorum. (Not: kendi başına bir iframe çalışır, ama ben bir kez ben iscroll/touchscroll/etc ile birleştirmek değil) –

Joe Hewitt'in Scrollability kitaplığına bir sefer verdiniz mi?

Burada bu konuda daha fazla bilgi edinebilirsiniz: Bu yardımcı olur

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

Umut.

kaynak

2011-05-28 15:57:15 fuzz

herhangi taşmaya ayarlanır içeriği ilerleyebilirsiniz: iki parmakla dokunma ve sürükleyerek tarafından otomatik. IFrame'i taşma ile bir divun içine koymayın: auto, ve iframe'i taşmaya ayarlayın: otomatik olarak kendini. Ne yazık ki, iframe kaydırma, içerikten veya cihazdan bağımsız olarak çok keskindir, bu nedenle en iyi çözüm, içeriğinizi uzun bir sayfaya sığdırmak için bir yol bulmaktır. "Top" & "alt" görünüm, görüntüleme alanını takip edecek şekilde ayarlanmış (eğer bunun için bir etkisi varsa).

kaynak

2011-06-10 13:36:56 Tim

-4

Flippant cevap: Artık IFRAMES kullanmayın.

kaynak

2011-08-01 03:34:59

-1 html editörleri (tinymce, ckeditor, aso gibi) benim için çalışıyor iframe – Thariama

Aşağıdaki kod benim için çalışıyor (http://dev.magnolia-cms.com/blog/2012/05/strategies-for-the-iframe-on-the-ipad-problem/ adlı blog yazısı için Christopher Zimmermann'a teşekkürler). sorunlar şunlardır: 1. Kullanıcı onlar 2. Kullanıcılar 3. PDF dosyalarını kaydırma iki parmak kullanmak zorunda (hala üzerinde çalışıyoruz)

ortalanmıyorsa kaydırabilirsiniz bildirmek için hiçbir kaydırma çubukları vardır benim iframe etrafında bir div için

<!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>

kaynak

2012-08-01 17:35:49 WhatsInAName

basitçe ekleyerek ...

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

Ben iPhone'da kaydırma iframe ulaşmak için başarılı olamadı çalıştık

kaynak

2013-11-29 13:16:24 p4tch

çalışır, teşekkür ederim – user1532587

iframe iphone üzerinde kaydırma

cevap

İlgili konular