Używam Twitter Bootstrap do stylizowania witryny zoptymalizowanej pod kątem tabletów iPad i mam do czynienia z ciekawym błędem w Mobile Safari na iOS5.Stała pozycja navbar tylko raz klikalna w Mobile Safari na iOS5
Po dotknięciu linku zakotwiczenia w pasku nawigacji o ustalonej pozycji, poprawnie prowadzi mnie do tej kotwicy. Nie mogę jednak kliknąć na żadne inne linki na pasku nawigacyjnym, dopóki nie przewiną stronę.
Problem pojawia się w samej Bootstrap, ponieważ strona Bootstrap ma ten sam problem: http://twitter.github.com/bootstrap/
jakieś sugestie jak to obejść?
Poniższy kod powtarza problem. Uwaga: jeśli klikniesz "Test JS" lub "Test jQuery" (dwa różne typy przewijania, proste JS lub oparte na jQuery), nie będziesz mógł kliknąć ponownie, dopóki ręcznie nie przeniesiesz strony.
Oto podstawowy kod demo (.jsp):
<!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>
Mam ten sam problem. Dotychczas brak rozwiązania. – Stuiterbal
Mam podobny problem. Ktoś? – emilolsson