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

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

症状

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

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

対策

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

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

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様