ウェブの技術とか開発環境構築の覚書。
iOS Safari 8, 9, 10 では
overflow-scrolling: touch; を指定している要素の親に position: fixed; を指定している要素があると
要素を最後までスクロールしたあと、さらにスクロールしようとする操作をしたとき
…つまり、バウンスが発動しようとしてfixedで阻止された瞬間に
画面が数秒間フリーズする不具合があります。
いろいろ試しましたが、行き着いた回避策は2つ
いずれかでした。
“iOS Safari で fixed 配下の overflow-scrolling要素がフリーズするバグ” の続きを読む
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特有の症状のよう。
Xperia SX(SO-05D)が、2013年7月2日にAndroid 4.1 OSバージョンアップできるようになったのでさっそく試してみました。
Xperia™ GX SO-04D / Xperia™ SX SO-05D［Android 4.1 OSバージョンアップ］| ソニーモバイルコミュニケーションズ
テーマが増えたり、メニューのUIが変わったりと大きなアップデートなので
以前、PHOTO SWIPEとXperia SX(SO-05D)の機種依存問題でとりあげたデフォルトブラウザも挙動が変わったか確かめてみました。
…変わってた！
画面端のスワイプでタブを切り替える機能がなくなってます。
したがって、画面端に置いたボタンをタップできなくなる問題も解消しています。
よかった。これでひとつ心配のタネがへりました。
スマートフォンの機種依存でひっかかったのでメモ。
スマートフォンのスワイプ操作にも柔軟に対応できるフォトギャラリーjavascriptのPHOTO SWIPEと
Xperia SX(型番：SO-05D)の相性があまりよくない。
スワイプしまくったり、ページ送りしまくったり
乱暴に操作したらブラウザが強制終了してしまう。
