Corredor

ウェブ、プログラミングの勉強メモ。

Cordova iOS アプリで画面外にまでオーバースクロール (バウンド) しないようにする

iOS アプリの動きとして、コンテンツ領域外の上下にまでスクロールできる動きがある。この動作は「オーバースクロール」とか「バウンド (バウンス)」という効果 (エフェクト) と呼ぶらしい

この動作が「更新 (再読込)」の動作になっているアプリなんかもあったりするが、Web ベースで作る Cordova アプリだと、余計な背景が現れてしまい、固定ヘッダがズレこんだりして鬱陶しい限りだ。

そこで、Cordova プロジェクトで自動的に作られる config.xml に以下を追加して、この「オーバースクロール (バウンド)」効果を無効にしてしまおう。

<preference name="DisallowOverscroll" value="true" />

これでオーバースクロール効果がなくなり、ページ最上部・最下部から先はスクロールしなくなる。