スクロールを禁止させる方法はあるのでしょうか?
画面サイズ固定のページにして
引っ張って戻るあの動き(名称ってあるのでしょうか?)をさせたくないのです。
よろしくお願いします。
こちらにもサンプルソースがありましたが、少しスクロール現象は再現しないようです。
参考にしてみては如何でしょう。
http://www.saturn.dti.ne.jp/~npaka/javascript/ScaleEx/index.html
あとはwebアプリモードにすれば、上のアドレスバーや、下のメニューバーを出なくする設定がありますので、そちらでも試してみるとか。
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
webアプリモードはホーム画面にアイコンを置いたブックマークから起動。
横スクロールと拡大・縮小を禁止
<meta name=”viewport” content=”width=480, user-scalable=no, maximum-scale=0.6667″ />
縦スクロール禁止
event.preventDefault();
参考ソースはこちら。
ありがとうございます!
スクロールがしなくなりました。
ただ、下部にあるメニューバーまで指を持っていくと
少しスクロールしてしまいます。
ここまでは難しいそこまではむつかしいですよね?
こちらにもサンプルソースがありましたが、少しスクロール現象は再現しないようです。
参考にしてみては如何でしょう。
http://www.saturn.dti.ne.jp/~npaka/javascript/ScaleEx/index.html
あとはwebアプリモードにすれば、上のアドレスバーや、下のメニューバーを出なくする設定がありますので、そちらでも試してみるとか。
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
webアプリモードはホーム画面にアイコンを置いたブックマークから起動。
ありがとうございます!
サンプルを試したところスクロールはしませんでした。
どうも<canvas>がぴったり画面サイズに収まっていると
スクロールが出来ないようですね
(横画面にするとはみ出てしまうのでスクロールが出来てしまいました)
このあたりを参考にすれば制御できる感触がつかめました。
またWebアプリモードにするとアドレスバー、メニューバーが消せるのですね
非常に参考になりました。
Webアプリモードですとスクロールはしないのでこちらをベースのすることの
選択肢が増えました。
今回はありがとうございました!
ありがとうございます!
サンプルを試したところスクロールはしませんでした。
どうも<canvas>がぴったり画面サイズに収まっていると
スクロールが出来ないようですね
(横画面にするとはみ出てしまうのでスクロールが出来てしまいました)
このあたりを参考にすれば制御できる感触がつかめました。
またWebアプリモードにするとアドレスバー、メニューバーが消せるのですね
非常に参考になりました。
Webアプリモードですとスクロールはしないのでこちらをベースのすることの
選択肢が増えました。
今回はありがとうございました!