आईओएस (आईपैड) सामग्री फसल समस्या पर आईफ्रेम

Question

मैं सही के लिए देख रहा हूं ताकि यह सुनिश्चित किया जा सके कि गतिशील रूप से प्रकट सामग्री आईपैड/आईओएस 5 पर आईफ्रेम में स्क्रॉल करने के बाद दिखाई दे।

ओह इफ्रेम और आईपैड - आप कितने अद्भुत पुराने शतरंज हैं। मुझे पता है कि:

• आईपैड यह भीतर सामग्री की पूरी ऊंचाई के लिए iframes का विस्तार (लगभग जैसे कि यह एचटीएमएल 5 के "seamless" संपत्ति का उपयोग कर रहा था, लेकिन काफी नहीं है, क्योंकि यह माता पिता से शैलियों या घटनाओं के वारिस नहीं है) । विचित्र, कई लोगों के लिए परेशान, लेकिन सच है। क्योंकि यह अपनी सामग्री के लिए कंटेनर

• मैं एक div में मेरी आइफ्रेम रैप करने के लिए की जरूरत के लिए नहीं आकार

• <iframe height="100%"> इसलिए बेकार है - एक ला

  <div id="wrapper" style="-webkit-overflow-scrolling:touch;overflow:auto;"> 
  <iframe width="100%" height="100%" src="about"blank"></iframe> 
  </div> 
  

• वरना परिचय कुछ trickery स्क्रॉल स्थापित करने के लिए फ्रेम की स्थिति को (जो मुझे लगता है कि this article में उल्लेख चाल पर आधारित है)

मेरे समस्या जिसमें सामग्री गतिशील रूप से श है आईफ्रेम बॉडी के अंदर स्वयं (उदा। jquery टैब, accordion, आदि) ब्राउज़र को पृष्ठ की प्रदर्शन सीमा पर सामग्री को फसल करने का कारण बन सकता है।

उदा। अगर मेरे "टैब" आईफ्रेम के अंदर दृश्यमान व्यूपोर्ट से नीचे हैं और मैं दो अंगुली स्क्रॉल करता हूं (या एक उंगली स्क्रॉलटॉप हैक लागू करता हूं) तो उस सामग्री को देखने के बाद स्क्रॉल किया जाता है, इसकी कुछ सामग्री जो पहले थी खींचा नहीं अवशोषित अवशेष। दूसरे टैब/बैक पर क्लिक करने से सामग्री फिर से दिखाई दे सकती है जैसे पृष्ठ ऑफ-स्क्रीन सामग्री नहीं खींचता है। इसके बाद, यदि मैं पृष्ठ के शीर्ष पर वापस स्क्रॉल करता हूं तो सामग्री पृष्ठ की शुरुआत के लिए तैयार नहीं होती है (जो पहले दिखाई दे रही थी)। के साथ पेज को ऊपर और नीचे स्क्रॉल करना दो-उंगली स्क्रॉल समस्या को हल करता है।

मैंने this article पढ़ा था जिसमें कहा गया था कि समस्या ठीक हो गई थी। लेकिन यह पूरी तरह से तय नहीं प्रतीत होता है; और अभी भी इस मुद्दे के आसपास नहीं मिलता है क्योंकि आपको एक div में अपना आईफ्रेम लपेटना है और उस div पर scrollbars डालना है, डेस्कटॉप ब्राउज़र overflow:auto की व्याख्या करने के तरीके के आधार पर एक डबल स्क्रॉलबार दिखा सकता है।

पेज। मैं सही मेटा व्यूपोर्ट सेटिंग्स के साथ, iframe के अंदर और बाहर दोनों HTML5 बॉयलरप्लेट पृष्ठ का उपयोग कर रहा हूं।