スマートフォン

下書き

iOS

-webkit-overflow-scrollingを使うとアドレスバーをタップしてページの最上部に移動する機能が使えなくなる

通常のスクロールの場合、ある程度スクロールしたときにディスプレイのステータスバーをタップすると一番上まで自動的に戻る機能があります。
しかし、overflow-scrollingなどのscrollはそういったアクションが起こりません。WebApp Demoのようにwindow全体に敷き詰めて通常のスクロールのように見せている場合は、そういった操作ができないことがあります。

Android

Android 2.xでoverflow:autoがhiddenになる。

Android 2.x以下で、ページ内に余白が表示される。

  • @charsetより上にCSSを書くと余白が出る

position:fixed;が効かない?

<meta name="viewport" content="user-scalable=no">

があれば一応動く。ちなみにiOS4は無理らしい。


最終更新: 2014-05-06 (火) 16:37:34