आईओएस 5 आईपैड/आईफोन

Question

में स्क्रॉल के तहत इफ्रैम सामग्री रेंडरिंग नहीं है I iPad html5 वेबपृष्ठ विकसित कर रहा हूं जिसे अन्य मूल (विभिन्न डोमेन) से पृष्ठों को प्रदर्शित करने की आवश्यकता है।

मैं उन पृष्ठों को iframe में लोड कर रहा हूं, और नीचे दिए गए कोड में दिखाए गए अनुसार iOs5 नई स्क्रॉलिंग क्षमता का उपयोग करके iframe स्क्रॉल कर रहा हूं।

<div id="myDiv" style="height: 1185px; width: 100%; overflow:scroll; -webkit-overflow-scrolling: touch;"> 
    <iframe id="myIframe" src="http://http://css-tricks.com/forums/discussion/11946/scrolling-iframe-on-ipad/p1"></iframe> 
</div> 

समस्या यह है कि ऑफ स्क्रीन iframe सामग्री दिखाई जब (फ्रेम खाली है) यह करने के लिए स्क्रॉल बनने नहीं है।

मैं इस मुद्दे को कैसे दूर कर सकता हूं और स्क्रॉल करने योग्य iframe समाधान प्रदान कर सकता हूं?

Answer 1

ठीक है। समाधान मिला। स्पष्ट रूप से, समस्या तब दिखाई देती है जब मुख्य दस्तावेज़ ऊंचाई iframe से कम होती है जो स्क्रॉल किया जाता है। आईफ़्रेम पृष्ठ के हिस्सों, जो दस्तावेज़ ऊंचाई से अधिक है, प्रस्तुत नहीं किए जाते हैं।

तो, मेरी जरूरतों के तहत, मैं इस समस्या (jQuery के साथ) कोड इस तरह के एक js जोड़कर हल कर सकते थे:

<script> 
$(function() { 
    var iframe = $("#myIframe");  
    iframe.load(function() { 
     $("body").height(iframe.height()); 
    }); 
}); 
</script> 

Answer 2

आप iFrame शरीर के लिए एक पहुँच है, तो इसकी सामग्री के लिए कुछ transform3d लागू होते हैं। मेरे मामले में -webkit-transform: translate3d(0, 0, 0); को मुख्य रैपिंग div में जोड़ने से नौकरी हुई।