IE6-8 is Not Supported

jQuery を使ってスマホでのスクロールを禁止する方法

PC の場合 overflow: hidden; でスクロールバーを隠せばスクロールさせなくすることが可能ですが、スマホの場合は jQuery を使用するのが最も簡単です。 以下のタグをスクロールさせたくないタイミングやスクロールを解除するタイミングに記述するだけでスクロールのオンオフが切り替えられます。

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

// Scroll On
$(window).off('.noScroll');

$(window) 部分は id で要素を指定すれば特定の部分のみスクロール不可にもできるはずです。
このサイトでもスマホでメニューを開いてるときはスクロールできない仕様にしてありますので、確認してみてください。

ads by google