フリーズ回避 jQuery編

フリーズする2つのケース

A. 画面上部で、さらに上スクロールしようとすると、フリーズします(2秒ほど放置でスクロールできるようになります)。

B. ページ内スクロールで下部までスクロールしてビヨーンという惰性が終わったあとに、さらに下にスクロールしようとすると、フリーズします(上部のビヨーンが終わったあとに、さらに上にスクロールしようしたときもフリーズします)。

フリーズした場合は、数秒待つと、フリーズは解除され、またスクロールできるようになります。

このiOSのバグとしか言えない挙動に対応したJavaScirpt実装版を紹介します。

フリーズ回避バージョン

jQueryを使うと簡単な記述で実装できるのでオススメです。基本コピペで問題なし、クラス名を用途に合わせて変更するだけです。
もちろん、jQueryなしでDOM指定での記述もできますが、このサンプルの記述は必要最低限のみ記述しています。実際には、要素判別処理など、ご利用サイトのhtmlソースに合わせて改良されたほうが安全です。