Я использую Twitter Bootstrap, чтобы создать оптимизированный веб-сайт iPad, и я столкнулся с интересной ошибкой в Mobile Safari на iOS5.
После нажатия на привязную ссылку в фиксированной позиции navbar, она вернет меня к этому якорю. Тем не менее, я не могу нажимать на какие-либо другие ссылки в навигационной панели до тех пор, пока не прокручу страницу.
Проблема, кажется, в самом Bootstrap, так как сайт Bootstrap имеет такую же проблему: http://twitter.github.com/bootstrap/
Любые предложения по работе с этим?
В приведенном ниже коде приведена проблема. Обратите внимание, если вы нажмете "Test JS" или "Test jQuery" (два разных типа прокрутки, прямой JS или jQuery), вы не сможете повторно щелкнуть, пока вы не переместите страницу вручную.
Вот базовый демонстрационный код (.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>