この記事について
| 環境 | javascript / jQuery、スマホブラウザ |
|---|---|
| 目的 | スマホでの縦スクロールを禁止する |
| 結果 | touchmoveイベントをpreventDefaultして解決。jQueryなら名前空間(.noScroll)を付ければ解除もできる |
javascript の記述
//touchmove の縦スクロールを禁止
document.body.addEventListener( 'touchmove', function(e){
e.preventDefault();
});
jQuery の場合
// スクロール禁止
$(window).on('touchmove.noScroll', function(e) {
e.preventDefault();
});
// スクロール禁止 解除
$(window).off('.noScroll');
※.noScroll は解除するためにつけた名前
参考ページ
http://qiita.com/kokushin/items/ef96194bd0fa7c145d7b
