2011-12-24 14 views
0

私は1ページのスクロールウェブサイトを持っています。 jqueryを使用した固定位置のナビゲーションバーを使用して、Webサイトのさまざまなセクションにスクロールします。このサイトはiOS以外では正常に動作します(Androidでテストしていません)。 iOSでは、リンクをクリックすると、手動で上下にスクロールするまでナビゲーションがフリーズします。何らかの理由で、スクロールするまでリンクはアクティブのままです。これはMobile Safariのバグですか?いくつかの回避策がありますか?スクロールサイトはモバイルSafariで動作しませんか?

ここでは基本的なHTMLです:あなたは、問題を見たい場合はここで

<body> 
    <ul class="nav"> 
     <li><a href="#about">About</a></li> 
     <li><a href="#portfolio">Portfolio</a></li> 
     <li><a href="#contact">Contact Me</a></li> 
    </ul> 

<div class = "page" id = "home"> </div> 

<!-- About --> 
<div class = "page" id="about"> 
<div class="pagebreak"></div> 

</div> 

<!-- Portfolio --> 
<div class = "page" id="portfolio"> 
<div class="pagebreak"></div> 

</div> 

<!-- Contact Me --> 
<div class = "page" id="contact"> 
    <div class="pagebreak"></div> 
</div> 
</body> 

は実際のサイトです:http://boundincode.com

ところで、私はこれが理由でもjqueryのか、JavaScriptの問題ではないと思いますが、もし私がjavascriptとjqueryを削除しても問題は解決しません。

+0

私のiPhone 4(5.0.1)でうまく動作しますが、あなたのiOSバージョンは何ですか? – Zar

+0

リンクをクリックするとすぐに別のリンクをクリックできますか?私は5.0.1も使用しています。しかし私の電話ではリンクフリーズなしでしかリンクをクリックできません – BoundinCode

+0

ああ、私の悪いです。今私は問題を見る。いいえ、私はできませんが、時には私はちょっと正しい方向に少し押し込まれます。私は見てみましょう。 – Zar

答えて

0

元のものとは全く別のものですから、別の回答を追加します。

一時的な回避策が必要なので、探しているものがiScroll 4にある可能性があります。 iOS 5日前に達成しようとしていることをやり遂げるために使ったので、調べる価値があるかもしれません。

0

position: fixedサポートは、iOS 5のMobile Safariにのみ追加されています。そのため、他のサイトで同じ問題が発生している場合は、実装がまだまだバグです。おそらくAppleにバグレポートを提出する価値があります。

+0

ありがとうございます。私はレポートを提出することを検討します、今私は一時的に回避策を見つける必要があります... – BoundinCode

関連する問題