札幌Web制作のシンクグラフィカ

スマホサイト用の普通っぽい確認画面でページ上部に戻る方法

404さん (2012-04-13 13:56:16) お客様案件なので表示できません。すみません。

スマホサイトで各ページ下部にひとつの li で画面幅いっぱいに一行使う、7項目程度のグローバルナビが設置してあるサイトを制作しております。

普通っぽい確認画面を表示する際に画面遷移がないためか、表示位置がページの上部に戻らず、ページの最下部が表示された状態(画面内にはグローバルナビとフッターしか表示されていない画面位置)になってしまいます。

自分で上方向へとフリックすれば確認画面のtableは見えるのですが、入力画面から「確認画面へ」ボタンをタップしたときにページの上部に自動的に移動して表示させるような方法はありますか?

よろしくお願い致します。

Re:スマホサイト用の普通っぽい確認画面でページ上部に戻る方法

和田 (2012-04-15 00:13:49) www.synck.com

URLを書いてください。

追記

404さん (2012-04-16 17:29:36) http://testsv.dispatch-site.com/contact/

プログラム部分はそのまま、ダミーテキストに変更してテストサーバーを設置しました。
よろしくお願い致します。

Re:スマホサイト用の普通っぽい確認画面でページ上部に戻る方法

和田 (2012-04-22 14:44:26) www.synck.com

添付のmailform.jsに差し替えてお試しください。

ありがとうございました。

404さん (2012-04-23 13:15:28) http://testsv.dispatch-site.com/contact/

頂いたjsと入れ替えて試したところ、バッチリの動作でした!
追加していただいたのは467行目付近のscrollToですかね…。

今後アップデートのときも該当箇所を探して追記対応して使いたいと思います。
ありがとうございました!

Re:スマホサイト用の普通っぽい確認画面でページ上部に戻る方法

和田 (2012-04-24 19:37:14) www.synck.com

いえいえ、こちらこそありがとうございます。
次回のやつにはそのまま組み込んでおきますね。

Androidスマホでの確認画面の表示について

すずtreeさん (2012-09-03 01:26:55) http://www.naomi-magic.con/reserve.html

初めまして。
素晴らしいメールフォームを利用させて頂きまして、誠にありがとうございます。
ウィットに富んだ説明書が大好きになり、どうしても使用させて頂きたく、初心者ながら
頑張ってみました(説明書って普段は読まないんですが・・
しかも嗜好が出るなんてまずあり得ないんですが・・)。
感謝の言葉を書き始めたらキリがございませんので、失礼して本題に入らせて頂きます。

あちらをいじり、こちらをいじりながら、頑張って何とか設置して動作確認してみたのですが、
ホームページご依頼のクライアントさまが8月に新規購入されたというAndroid4.0のブラウザで
確認画面を表示するとレイアウトが激しく乱れるのだそうです。

スクリーンショットと頂きましたので、添付させて頂きます。
それ以前に購入したスマホのAndroid2.3では正常な表示をしておりました。
初心者にはお手上げです。うわーんと書きたい心地です。
過去の記事を読みましたが、ここ最近の記事にAndroid確認画面がございませんでしたので、
(また和田さまはAndroidがお好きではないと書いていらっしゃるのを踏まえて、あえて)
お願い申し上げたく投稿している次第です。

最新版スマホ対応の確認画面の表示方法を教えて下さいませ。
宜しくお願いいたします。