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

iPhoneのwebブラウザで、スクロールを止めたいです。
スマホ向けの縦に長いページを作っているのですが、重要な注意文の箇所で一旦スクロールを止めたいです。該当箇所に来たら一旦スクロール停止。1000m秒後スクロール操作OK…みたいにするのではと考えます。javascirpt(Jクリエ含む)などで対応できますか?

●質問者: ウェブチャンス
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

質問者から

PCと違い、スマホだと指でシャーッと画面下までスクロールさせることができます。これをやられると、注意文を読まずに購入ボタンを押されてしまい困るので、こうした手法を模索しています。


1 ● きゃづみぃ
●0ポイント

最近は はてなの質問一覧とかも そういうふうになってますよね。
質問一覧のソースを開いて 参考にしてみたらいいでしょう。




別の方法ですが、ボタンを作って そのボタンを 押すと 続きが表示されるようにしたらいいのでは ないでしょうか?


ウェブチャンスさんのコメント
これ、おそらくiPhoneアプリじゃないでしょうか?ちょっと分野が違うので・・・

きゃづみぃさんのコメント
javascirptはiPhoneアプリじゃないと思うけど。

2 ● oil999
●0ポイント

それはできません。
スクロールするのはユーザーに任されている行為なので、それをHTMLやJavaScriptなどで止めることはできません。


3 ● みかん
●0ポイント

できませんねそれは


4 ● y-kawaz
●200ポイント ベストアンサー

以下の様な作りにしておいて「長いコンテンツ」を見てる途中からいきなり短時間で続きコンテンツ部分までスクロールされたのを検知したら、$("#tuduki").hide().show(); ってすれば止められる気がする。

<div>
長いコンテンツ
長いコンテンツ
長いコンテンツ
長いコンテンツ
長いコンテンツ
長いコンテンツ
長いコンテンツ
長いコンテンツ
</div>
<div>
重要コンテンツ
重要コンテンツ
</div>
<div id="tuduki">
続きコンテンツ
続きコンテンツ
続きコンテンツ
続きコンテンツ
続きコンテンツ
続きコンテンツ
続きコンテンツ
続きコンテンツ
</div>

ku__ra__geさんのコメント
やってみたわけじゃないけど、わたしもこの方法がいいんじゃないかと思います。 PC版はてなブックマークの新着エントリーページで、次の20件自動読み込みをONにした場合が実際にそういった動きになっているので、確認してみてはどうでしょうか?

ウェブチャンスさんのコメント
ありがとうございます!

1-5件表示/7件
4.前の5件|次5件6.
関連質問

●質問をもっと探す●



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