Androidバグ:4系の標準ブラウザでposition:fixedがおかしい

goto_jp 2,707views 更新:2014年11月10日

Android4.4のタブレットで報告があり、4.2のタブレットでも標準ブラウザで再現できたイヤな描画バグがあったのでメモ。

症状

素早くスライドした勢いで画面最上部か最下部にぶつかって止まると、その勢いのままposition:fixedの要素がズレる。
ゆっくりスライドすれば大丈夫で、ズレた後にゆっくりスライドすると本来の位置に戻る。

ズレたレイヤーのリンクをタップしても反応せず、本来あるべきと思われる箇所をタップすると反応するため、構造は崩れていないが描画だけ崩れているように思えた。

対策

Androidだけposition:fixedを避ける対応をする。

同じGoogleのChromeなら全く大丈夫なのになぜ…

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません