Warum funktioniert 'position: fixed' nicht, wenn es in einem 'iframe' mit einem iPhone oder iOS-Gerät angezeigt wird?

8

Ich habe Stackoverflow untersucht und es scheint, position:fixed in einem Iframe für iOS-Mobilgeräte war in der Vergangenheit ein Problem, hat aber noch keine Antwort.

Hier ist ein Beispiel, das ich über jsbin: Ссылка

erstellt habe

In diesem Beispiel gibt es eine übergeordnete HTML-Seite, die iframe verwendet, die eine andere HTML-Seite (untergeordnetes Element) enthält. Hier sind die Dinge zu beachten:

  • Wenn der übergeordnete HTML-Code auf einem beliebigen Gerät angezeigt wird, bleibt die Navigationsleiste im untergeordneten HTML-Code unverändert. Dies ist das beabsichtigte Verhalten.
  • Wenn jedoch der übergeordnete HTML-Code unabhängig vom Browser auf einem iPhone angezeigt wird, verliert die Navigationsleiste im untergeordneten HTML-Code ihre feste Position. Dies ist ein Fehler , der nur bei iPhones auftritt.
  • Wenn die untergeordnete HTML-Seite in einem iPhone direkt angezeigt wird (dh nicht in einem iframe) , bleibt die Navigationsleiste erhalten in einer festen Position und funktioniert gut.

Hat jemand eine Lösung für position:fixed in iPhones oder iOS-Geräten gefunden?

    
ayjay 22.11.2014, 23:27
quelle

1 Antwort

0

In Chrome und Safari unter iOS scheint das Problem hier nicht die feste Position, sondern die Höhe des Iframes. Von einer anderen SO-Antwort: "Ab Version 4.2.1 von Safari iOS, und immer noch ab 4.3.3, wird der gesamte Inhalt eines iFrames zwangsweise angezeigt."

Diese anderen Beiträge könnten Ihnen helfen:

Patrick 02.03.2015 13:46
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Machen Tumblr Foto Post Act als Fotoset