iPad最適化ウェブサイトのスタイルを設定するのにTwitter Bootstrapを使用していて、iOS5のMobile Safariで面白いバグを見つけています。iOS5のモバイルSafariでクリック可能な固定位置navbar
固定位置navbarのアンカーリンクをタップすると、正しくアンカーに移動します。ただし、ページをスクロールするまで、ナビゲーションバーの他のリンクをクリックすることはできません。これを回避する方法についてhttp://twitter.github.com/bootstrap/
任意の提案:
問題は、ブートストラップのサイトは同じ問題を持っているため、ブートストラップ自体にあるように見えますか?
以下のコードで問題が再現されています。 「Test JS」または「Test jQuery」(2種類のスクロール、ストレートJS、または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