2016-02-24 32 views
9

モバイルChromeの固定位置要素に問題があります。ページを再読み込みせずに上下にスワイプすると、固定された上部要素とビューポートの上部の少しの隙間が表示されます。モバイルクロムの固定位置

このバグを複製するには、最も簡単な方法はモバイルChromeでブートストラップの例https://getbootstrap.com/examples/navbar-fixed-top/を試すことです。ページをリロードせずに上下にスワイプしてみてください。

Chrome rendering issue. Fixed position anchor with UL in bodyで最も一般的な答えは私のために動作しません:

#element { 
    -webkit-transform: translateZ(0); 
} 
+0

ため0pxmargin-toppadding-topを設定してみてください、私はそれを再現することができませんモバイルChromeでこの問題が引き続き発生していますか?もしあなたが質問の中で問題を再現することを可能にする関連するコードを含めるなら、Stack Snippetはすばらしいでしょう。 –

+0

このギャップはどのくらいですか?ちょうど約1ピクセルの場合、それは単なるレンダリングの不具合だと私は信じています。自分のデバイスでこのエラーを再現できませんでした。 –

答えて

0

は固定要素とbodyhtmlタグ