पर मोबाइल सफारी में केवल एक बार फिक्स्ड पोजिशन नेविबार क्लिक करने योग्य मैं आईपैड अनुकूलित वेबसाइट तैयार करने के लिए ट्विटर बूटस्ट्रैप का उपयोग कर रहा हूं और आईओएस 5 पर मोबाइल सफारी में एक दिलचस्प बग के खिलाफ दौड़ रहा हूं।आईओएस 5
निश्चित स्थिति navbar में एंकर लिंक पर टैप करने के बाद, यह सही ढंग से मुझे उस एंकर पर ले जाता है। हालांकि, जब तक मैं पृष्ठ को स्क्रॉल नहीं कर लेता तब तक मैं नेविबार में किसी भी अन्य लिंक पर क्लिक करने में असमर्थ हूं।
समस्या बूटस्ट्रैप अपने आप में प्रतीत होता है, के बाद से बूटस्ट्रैप साइट एक ही मुद्दा है: http://twitter.github.com/bootstrap/
कैसे इस के आसपास काम करने के लिए कोई सुझाव?
नीचे दिया गया कोड इस समस्या को पुन: उत्पन्न करता है। नोट करें कि यदि आप "टेस्ट जेएस" या "टेस्ट jQuery" (दो अलग-अलग प्रकार के स्क्रॉलिंग, सीधे जेएस, या jQuery आधारित) पर क्लिक करते हैं तो आप पृष्ठ को मैन्युअल रूप से स्थानांतरित करने के बाद तक फिर से क्लिक नहीं कर पाएंगे।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#testDiv {
position: fixed;
bottom: 0;
right: 0;
background: gray;
padding: 20px;
}
#jsDiv,
#jQueryDiv {
width: 200px;
display: block;
height: 40px;
background-color: red;
}
#jQueryDiv {
background-color: yellow;
}
</style>
<script type="text/javascript">
function testScroll() {
alert("JS");
scroll(0, 5000);
}
function testjqScroll() {
alert("JQuery");
$(window).scrollTop(500);
}
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
</head>
<body>
<%for (int i = 0; i < 500; i++) {%>
Line <%=i%><BR/>
<%}%>
Bottom
<div id=testDiv>
<a id="jsDiv" href="#" onclick="testScroll();return false;">Test JS</a>
<a id="jQueryDiv" href="#" onclick="testjqScroll();return false;">Test jQuery</a>
</div>
</body>
</html>
मुझे एक ही समस्या है। अब तक कोई समाधान नहीं है। – Stuiterbal
मेरे पास एक समान समस्या है। किसी को? – emilolsson