iosでスクロールを一時的に禁止したい時のjs

こんにちはレターズです。茨城県水戸市でホームページと動画制作を行っています。

さてさて、今回は意外とハマりがち?なiosでのスクロール一時禁止処理です。
アンドロイドだけで確認しているとどうしても見落としがちです。

アンドロイドだと、bodyに

body.is_fixed {
    overflow: hidden;
}

で解決してしまったりするのですが、、これがiosでは効かない。
そこで下記jsを使います。

スクロール停止したい時のトリガーをきっかけに下記を実行

 //prevent scroll
        document.addEventListener("touchmove", handleTouchMove, {
          passive: false,
        });

スクロール停止をリセットする時は下記を実行

//reset scroll
        document.removeEventListener("touchmove", handleTouchMove, {
          passive: false,
        });

といった形です。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です