Xperia acro でスクロールできなくなるCSS

Xperia acro(Android2.3)の機種依存バグを発見したのでメモ。

Xperia acroでは
htmlやbodyに、はみ出した部分を非表示とする
overflow:hidden;
を設定すると、一切スクロールができなくなります。

最初は、Androidでスクロールできなくなるバグだとおもい
iframeやdisplay:none;を探してみたのですが、該当するところがなく
javascriptをまるごと非適用、CSSをまるごと非適用…など試しているうちに
htmlに適用しているoverflow:hidden;と
bodyに適用しているoverflow:hidden;を両方とも無効にすると
スクロールできるようになることが判明。

GALAXY SII(Android2.3)やGALAXY SIII(Android4.1)、Xperia A(Android4.2)ではおこらないので
Xperia acro特有の症状のよう。

関連記事

Pocket