iOS9モバイルサファリiPhone6sPlusでこのバグをチェックしました。iOS9モバイルサファリランドスケープcss bug with position:fixed;
サファリのタブが横向きモードで表示されているときに固定要素に触れることができません。タブが隠れているときに触れることができます。
- iOS9モバイルサファリランドスケープのmy demoを表示してください。タブが隠されていたまで
- は
- 下にスクロールし、のみ表示タブバーで正常に再生されます。
- 固定要素をタッチします。
- タブが表示されるまで上にスクロールします。
- 固定要素に触れることができないことがあります。
このバグについて知っていますか?
ペンにタブが表示されているときにタッチしてください。 http://s.codepen.io/geckotang/debug/yYZmoe
これは要素をタッチできない場合のスクリーンショットです。
そして、私の友人youtube
にバグを記録プラスこれは私のコードです。
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.fixed {
display: block;
position: fixed;
top: 0px;
right: 0px;
width: 100px;
height: 100px;
display: block;
width: 100px;
height: 100px;
background-color: tomato;
}
</style>
</head>
<body>
<a href="javascript: void(0);" class="fixed">link</a>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
...
</body>
</html>
iOS Simulator 9.0 - iPhone 6s/iOS 9.0では再生できません。 –
本当ですか?私はiPhone 6sPlus/iOS9.1をチェックしました。私に教えてくれてありがとう。 – GeckoTang
**タブバーが表示されている状態で**正常に再現されました。他の設定はありません。画面上のタブバーでスクロールするときに、タッチポイントに垂直オフセットが適用されています。これは間違いなくiOSのバグです。レーダーを提出する必要があります。明らかな修正はありません。おそらく、スクロールが停止したときに要素を削除して読み込みますか? –