iPhoneのスクロール時にバウンス効果を無くす方法【iNoBounce使用】

JavaScript

こんにちは。

iPhoneやiPadなどのiOS端末で、一番上、または一番下までスクロールすると画面がボヨーンとバウンドする「バウンス効果」。

一見するとおしゃれな効果ではありますが、出てほしくない場面もありますよね。
本記事では、このバウンスを無くす方法を解説していきます。

スポンサーリンク

iPhoneのスクロール時にバウンス効果を無くす方法

結論から言うと、iNoBounceというJavaScriptプラグインを使えば解決です。

iNoBounce

https://github.com/lazd/iNoBounce

Githubからダウンロードして、inobounce.min.jsというファイルを読み込みます。

そして、以下のコードを記述すればOKです。

iNoBounce.enable();

ちなみに、Githubのドキュメントにも書いてありますが、

iNoBounceを無効にする場合は、こう。

iNoBounce.disable();

iNoBounceが有効かどうか判定する場合は、こうです。

iNoBounce.isEnabled();
タイトルとURLをコピーしました