2014-11-22 14 views
8

Stackoverflow'a baktım ve geçmişte position:fixed in an iframe for iOS mobile devices'un bir sorun olduğu görünüyor, ancak henüz bir cevabımız var.Neden `position: fixed` bir iPhone veya iOS aygıtı kullanarak bir` iframe` içinde görüntülendiğinde çalışmıyor?

İşte jsbin aracılığıyla oluşturulmuş bir örnek: Bu örnekte http://jsbin.com/pekeca/1/

, başka bir HTML sayfası (çocuk) içeren çerçeve kullanır bir ana HTML sayfası var. ana HTML herhangi bir cihazda görülüyor

  • , çocuk HTML gezinti çubuğu sabit kalır: Burada dikkat edilmesi gereken şeylerdir. Bu amaçlanan davranış. Bununla birlikte, üst HTML, tarayıcıdan bağımsız olarak bir iPhone'da görüntülendiğinde, alt HTML'deki gezinme çubuğu sabit konumunu kaybeder. Bu, yalnızca iPhone'larda gerçekleşen numaralı bir hatadır.
  • iPhone'da child HTML page is viewed directly (i.e., not inside an iframe) olduğunda, gezinti çubuğu sabit konumda kalır ve iyi çalışır.

kimse iPhone'lar veya iOS cihazlarda position:fixed için geçici bir çözüm anladım mı?

+2

alıyorum aynı sorun, henüz herhangi bir geçici çözüm buldunuz mu? – Shuvro

+1

@Shuvro, hayır ve daha fazla üzerinde çalışmayı bıraktım. Ancak, bir arkadaşım bana [bu bağlantıyı] gönderdi (http://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari), ama ben henüz denemedim. Konuyla doğrudan ilgili değil, ancak biraz bilgi sağlayabilir. – ayjay

+0

Bu sorunu düzeltmek için görünmüyor, ancak diğer iOS iframe sorunları için çok yararlı bir çözümdür, teşekkürler! –

cevap

0

iOS'ta Chrome ve Safari'de, burada sorun sabit konum değil, iframe'nin yüksekliği ile ilgili görünüyor. Başka bir SO yanıtından: "Safari iOS 4.2.1 sürümünden başlayarak ve hala 4.3.3'ten başlayarak, bir iFrame'in tüm içeriği zorla gösterilir."

Bu diğer mesajların

size yardımcı olabilir:

İlgili konular