2012-01-23 6 views
8

免責事項:このサイトは一度更新されましたが、新しいバージョンのデザインではこの問題は発生しません。iOS Safariのトップへのスクロールは、特定のページでは機能しません。どうして?

新しいサイトで私はSafari(iOS 5)に変わった奇妙なことを気付きました。通常、Safari上部の黒いバーをタップすると、どのウェブページの上部にもスクロールできます。私の新しいウェブサイトでは、これはホームページ上で動作しますが、単一の記事ページでは動作しません。

versbeton.nl(作品!)とversbeton.nl/2012/01/vers-vloeibaar/(動作しません)

どうすればこのような状況をデバッグできますか?私が知る限り、iOS用のFirebug(または同様のデバッグツール)はありません。

+1

iOS 5.0.1を搭載したiP4Sでは両方のリンクが正常に動作します。この動作はすべてのスクロールビューに共通です。その誤動作は、Webビューのコンテンツに結び付けるべきではありません。 Webページの表示プロパティを再定義していますか? – teriiehina

+0

@teriiehina実際に、2番目のリンクが5.0.1のiPhone 4Sまたは5.0 iPhoneシミュレータでスクロールしないことがわかりました。 iPad 5.0のシミュレータでは問題ありませんでした。だからおそらく、それはTwitter/Facebookのオーバーレイについては、iPhoneにのみ表示されるものですか? – Tommy

+0

@ Tommy>がSimulatorで試してみました(私の最初のコメント、私のデバイスを使用していました)、まだ動作しています。しかし、私はどんなツイッター/フェイスブックオーバーレイ(デバイスやシミュレーターのどちらにも)を見なかった。 – teriiehina

答えて

16

-webkit-overflow-scrolling:touchが問題です。 をCSS内のどこでもに使用すると、スクロールトップショートカットが機能しなくなります。これはiOS 5の既知の問題です。残念ながら回避策はありません。うまくいけば、iOS 6で修正される予定です。

+0

恐ろしい!このバグについて出版された何かがあったのですか、それともあなたが偶然それに遭遇しましたか? – Florian

+0

Damn。そしてこれは絶対に修正されていませんか? –

+2

これはまだiOS 7.0.2の問題です – rharper

0

Safariを使ってFirebugを購入し、WebエージェントをiPhoneとして指定することができます。しかし、私はあなたが同じWebkitエンジンを持っているかどうかはわかりません。

[設定]> [Safari]> [詳細設定]でSafari用の開発者ツールを有効にすることもできます。

幸運。

+0

MacでSafariを使用しても、このiOS固有の問題をデバッグすることはできません。私のMacでタップできる黒いバーはありません...あなたの答えを誤解していますか? – Florian

+1

はい、OSXに黒いバーはありませんが、SafariのWeb開発ツールを使用すると、ウィンドウとその要素のプロパティを調べるのに役立ちます。また、あなたのiPhoneでDev Toolsを有効にすることはできます。 – teriiehina

+0

ああ、iOSの「デバッグコンソール」。それは素晴らしいヒントです!しかし、悲しいかな:この問題に関係しているようなエラーはありません。 – Florian

関連する問題