Utilizzo Twitter Bootstrap per personalizzare un sito Web ottimizzato per iPad e sto riscontrando un bug interessante in Mobile Safari su iOS5.Barra di posizione fissa selezionabile solo una volta in Mobile Safari su iOS5
Dopo aver toccato un collegamento di ancoraggio nella barra di posizione fissa, mi porta correttamente all'ancora. Tuttavia, non riesco quindi a fare clic su altri collegamenti nella barra di navigazione fino a quando non ho fatto scorrere la pagina.
Il problema sembra essere in Bootstrap per sé, in quanto il sito Bootstrap ha lo stesso problema: http://twitter.github.com/bootstrap/
Qualche suggerimento su come ovviare a questo?
Il codice di seguito riproduce il problema. Nota se fai clic su "Test JS" o "Prova jQuery" (due diversi tipi di scorrimento, JS dritto o basato su jQuery) non potrai più fare clic su di nuovo fino a quando non muovi la pagina manualmente.
Ecco il codice di base 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>
Ho lo stesso problema. Nessuna soluzione finora. – Stuiterbal
Ho un problema simile. Chiunque? – emilolsson