jQuery スマホでスクロールを禁止にしたい

Question

スマホでスクロールを禁止、途中で解除（スクロール再開）の動作を作りたいです。

こちらの記事を参考にしたコードが以下になります。
※解除の部分はまだ作成しておりません。

$(function(){
        $(window).on('touchmove.noScroll', function(e) {
            e.preventDefault();
        });
});

FTPでサーバーに上げAndroid実機で確認したところ
スクロールができてしまいます。
他の方法を調べようにも「touchmove」イベントのやり方しか出てきません。
スマホ実機でスクロールを禁止/解除する方法はないでしょうか？

scalableを設定した場合、touchmoveイベントが取得できない
こちらの記事によるとmeta情報でscalableを指定しているとtouchmoveが動作しないようで、
恐らくこれが原因なのではと思っておりますが、
レスポンシブ対策のためscalableを切る事が出来ません。

touchmoveを使わず、かつiPhoneでもAndroidでもスクロールを禁止する方法はないでしょうか？

Androidにtouchmoveイベントのバグ？があるようなので、
コードを以下のように書き換えました。

$(function(){
    var agent = navigator.userAgent;
    if(agent.search(/iPhone/) != -1) {
        $(window).on('touchmove.noScroll', function(e) {
            e.preventDefault();
        });
    } else if(agent.search(/Android/) != -1) {
        $('body').css({'position':'fixed','top':'0'});
    }

    $('#clearBtn').click(function(){
        if(agent.search(/iPhone/) != -1) {
            $(window).off('.noScroll');
        } else if(agent.search(/Android/) != -1) {
            $('body').css({'position':'static'});
        }
    });
});

これでAndroidは思った動きになったのですが、
iPhoneではスクロール禁止が解除されません。
何がいけないのでしょうか？
分かる方ご教授お願いいたします。

Answer 1

スクロールを禁止する時、bodyに.no-scrollとかクラスつけておいて

	$(window).on('touchmove', function(e) {
		if($('.no-scroll').length > 0){
			e.preventDefault();
		}
	});

これでどうですかね。

Comments

[uzr1709]

ありがとうございます。試してみましたがだめでした。
スクロールされてしまいます。

[kszk311]

念の為androidのバージョンを教えていただけますか

[kszk311]

androidのtouch系イベントで不具合があるそうです
http://www.allinthemind.biz/markup/javascript/touchend-android.html

[uzr1709]

Androidにtouchイベントで不具合があるようでしたので別の方法に変更しました。
コードは本文に追記致します。
iPhoneではtouchイベントが使用出来るようなのですが、解除が出来ません。
新しいコードを載せますので見ていただけないでしょうか。