人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

iphone safari向けのページを作っています
スクロールを禁止させる方法はあるのでしょうか?

画面サイズ固定のページにして
引っ張って戻るあの動き(名称ってあるのでしょうか?)をさせたくないのです。

よろしくお願いします。

●質問者: imaiworks
●カテゴリ:コンピュータ インターネット
✍キーワード:iPhone Safari スクロール 名称 画面サイズ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● chyopper
●100ポイント

横スクロールと拡大・縮小を禁止

<meta name=”viewport” content=”width=480, user-scalable=no, maximum-scale=0.6667″ />

縦スクロール禁止

event.preventDefault();

参考ソースはこちら。

http://blog.asial.co.jp/524

◎質問者からの返答

ありがとうございます!

スクロールがしなくなりました。

ただ、下部にあるメニューバーまで指を持っていくと

少しスクロールしてしまいます。

ここまでは難しいそこまではむつかしいですよね?


2 ● chyopper
●100ポイント ベストアンサー

こちらにもサンプルソースがありましたが、少しスクロール現象は再現しないようです。

参考にしてみては如何でしょう。

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アプリモードはホーム画面にアイコンを置いたブックマークから起動。

http://d.hatena.ne.jp/ipodtouch/20081013/1223878260

◎質問者からの返答

ありがとうございます!

サンプルを試したところスクロールはしませんでした。

どうも<canvas>がぴったり画面サイズに収まっていると

スクロールが出来ないようですね

(横画面にするとはみ出てしまうのでスクロールが出来てしまいました)

このあたりを参考にすれば制御できる感触がつかめました。

またWebアプリモードにするとアドレスバー、メニューバーが消せるのですね

非常に参考になりました。

Webアプリモードですとスクロールはしないのでこちらをベースのすることの

選択肢が増えました。

今回はありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ