iframe Scrollen auf dem iPhone

Ich war bewusst, mehrere Scroll-Bibliotheken (TouchScroll, iScroll) für das iPhone/iOS aufgrund seiner Unfähigkeit (???), Überlauf zu unterstützen: Scroll. Allerdings war mir nicht bewusst (und ich bin auf der Suche nach Bestätigung), dass IFRAMEs auch nicht wirklich funktionieren. Offenbar respektiert der Iframe keinen Versuch, ihm eine feste Größe zu geben und passt sich immer nur an seinen Inhalt an. Habe ich Recht damit? Ist die einzige Möglichkeit, ein IFRAME durchzuscrollen, um es in ein Blockelement mit der Überlauf-CSS-Eigenschaft zu setzen und dann eine Lib wie die oben genannte zu verwenden?iframe Scrollen auf dem iPhone

Quelle

2010-07-06 Jonathan Hawkes

ich ohne Erfolg versucht haben, einen Scroll-iframe auf dem iPhone zu erreichen, und auch festgestellt, dass die iframe jeder ignoriert Versuch, seine Größe einzustellen e. Sie erwähnen das Platzieren des iframe in einem Blockelement in Kombination mit einer Scroll-Bibliothek - funktionierte das für Sie als Workaround? Ich hatte bisher keinen Erfolg mit irgendeinem Ansatz. – James

James, ist es immer noch so, dass Sie "ohne Erfolg versucht haben, einen scrollenden Iframe auf dem iPhone zu erreichen"? Ich experimentiere und suche nach Lösungen, auch ohne Erfolg. (Anmerkung: ein iframe funktioniert, aber nicht einmal wenn ich ihn mit iscroll/touchscroll/etc kombiniere) –

Haben Sie Joe Hewitts Scrollability-Bibliothek eine Chance gegeben?

können Sie hier mehr darüber lesen:

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

Hoffnung, das hilft.

Quelle

2011-05-28 15:57:15 fuzz

Sie können einen beliebigen Inhalt blättern, die zum Überlauf gesetzt ist: durch Auto mit zwei Fingern zu berühren und ziehen. Setzen Sie iFrame nicht in ein div mit Überlauf: auto und setzen Sie stattdessen den iframe auf overflow: auto selbst. Leider iframe Scrollen ist sehr abgehackt, unabhängig von Inhalt oder Gerät, so die beste Lösung ist, einen Weg zu finden, um Ihren Inhalt in eine lange Seite passen, mit "top" & "unten" Ansicht divs gesetzt, um das Ansichtsfenster zu folgen (Wenn dies der Effekt ist, den Sie anstreben.)

Quelle

2011-06-10 13:36:56 Tim

-4

Flippante Antwort: Verwenden Sie keine IFRAMES mehr.

Quelle

2011-08-01 03:34:59

-1 html-editoren (wie tinymce, ckeditor, usw.) brauche iframes – Thariama

Der folgende Code funktioniert für mich (danke an Christopher Zimmermann für seinen Blogpost http://dev.magnolia-cms.com/blog/2012/05/strategies-for-the-iframe-on-the-ipad-problem/). Die Probleme sind: 1. Es gibt keine Scrollbalken sind weiß der Benutzer zu lassen, dass sie blättern 2. Benutzer Zwei-Finger-Scrollen 3. Die PDF-Dateien verwenden haben, werden nicht (immer noch daran zu arbeiten) zentriert

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

Quelle

2012-08-01 17:35:49 WhatsInAName

einfaches Hinzufügen ...

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

auf ein div um meine iframe arbeitete für mich

Quelle

2013-11-29 13:16:24 p4tch

funktioniert für mich, danke – user1532587

iframe Scrollen auf dem iPhone

Antwort

Verwandte Themen