स्क्रॉल के बाद तक आईओएस फिक्स्ड फ़ूटर में लिंक क्लिक नहीं कर सकता है?

Question

संभव डुप्लिकेट:
Mobile Webkit reflow issue

मैं इस पता लगाने की कोशिश की है। मेरे पास 4 लिंक के साथ आईओएस पर एक निश्चित पाद लेख है। उनके तहत 6 लिंक भी हैं जिन्हें क्लिक करने योग्य नहीं होना चाहिए क्योंकि वे नीचे हैं। हालांकि आईओएस पर जब तक कि आप पहले पृष्ठ को स्क्रॉल नहीं करते हैं, निश्चित फिक्स्ड फ़ूटर पर लिंक काम नहीं करते हैं और इसके बजाय इसके नीचे दिए गए लिंक पर क्लिक करते हैं। थोड़ी सी चीज स्क्रॉल करने के बाद यह ठीक काम करता है। मुझे उम्मीद है कि मैंने इसे स्पष्ट रूप से पर्याप्त समझाया है।

आप इसे का एक उदाहरण देख सकते हैं:
amstar.m77950.com
(iphone पर देखें)

मैं मूल रूप से पृष्ठ पर हर तत्व देखने के लिए करने के लिए z- सूचकांक लागू करने का प्रयास वहाँ एक फिक्स था मैंने यह सुनिश्चित करने के लिए jquery का भी उपयोग किया कि ज़ेड-इंडेक्स को लोड पर लागू किया जा रहा था (हालांकि यह वैसे भी होना चाहिए था)।

फिर भी मैं पृष्ठ को स्क्रॉल करने के बाद भी काम करने के लिए पाद लेख में लिंक नहीं प्राप्त कर सकता।

इस पर कोई भी सहायता बहुत अधिक स्वीकार्य है। धन्यवाद। स्थिति के साथ

.alertsBarClass { 
background: url("dynamicimage.aspx?id=21844") no-repeat scroll 0 0 #EA7E25; 
border-bottom: medium none; 
bottom: 0; 
display: block; 
position: fixed; 
width: 100%; 
z-index: 1000; 
} 

Answer 1

वहाँ जाना जाता है मुद्दों: आईओएस 5.1 और एंकर/लिंक और स्क्रॉल में फिक्स्ड

यहाँ सीएसएस मैं तत्व के लिए आवेदन कर रहा हूं। निम्नलिखित बग # 10301184, # 10810232 देखें।

एक चीज जो मदद कर सकती है ... कभी-कभी ... कर्सर डालना है: अपने लिंक के आस-पास divs में पॉइंटर।

Answer 2

एक ही समस्या थी। जावास्क्रिप्ट का उपयोग करके अभिविन्यास परिवर्तन पर ऊपर और नीचे स्क्रॉल करके इसे फिक्स्ड करें।

मैं, प्रत्येक पृष्ठ के लिए निम्न स्क्रिप्ट जोड़ा अपने बदसूरत, लेकिन यह काम करता है:

<script type=\"application/x-javascript\"> 
    addEventListener('load', function() { setTimeout(orientationChange, 0);}, false); 
    var currentWidth = 0; 
    function orientationChange() 
    { 
     if (window.innerWidth != currentWidth) 
     { 
      currentWidth = window.innerWidth; 
      var orient = (currentWidth == 320) ? \"profile\" : \"landscape\"; 
      window.scrollTo(0, 0); 
      setTimeout(function() {window.scrollTo(0, 1); }, 250); 
      document.body.setAttribute('orient', orient);    
     }   
    } 

    setInterval(orientationChange, 400);   
</script>