errorScroll.js について
tobyさん (2015-10-28 15:29:12) hottlabs.com
入力フォームの入力に不備があった場合（例えば正しいEmailアドレスを入力しなかった場合）に、エラーメッセージがでると思うのですが、その際に画面がページトップに移動してしまい、入力し直すために入力フォームのあるページ下部にスクロールをしなければならない状況となってしまっています。
config.cgiの#push @AddOns,’errorScroll.js’;
につきましては、シャープが外れていたのですが、任意の動きをしてくれない状況でございます。。。
ちなみに対象の入力フォームのアンカーは
<a href="#CONTACT">なのですが、
エラー後に自動的に入力フォームの位置を表示するようにさせたいです。
お忙しいところ申し訳ございませんが、ご指導宜しくお願い致します。
Re:errorScroll.js について
和田 (2015-10-30 19:17:52) www.synck.com
メールでもご連絡させて頂きましたが、一度errorScroll.jsを無効にしてお試しいただいてもよろしいでしょうか。それでもうまくいかない場合はちょっぴり調整が必要かもしません。その場合お手数ですが当サイトのお問い合わせフォームよりご連絡いただけると助かります。
Re:errorScroll.js について
tobyさん (2015-10-30 20:32:36) hottlabs.com/
ご回答ありがとうございます！
ご指導いただきました通りerrorScroll.jsを無効にして試しましたらmPCサイトの方は問題が治りました。
ただ、スマートフォンサイトは確認画面へをクリックした段階で、画面トップに遷移してしまい、送信を押すのに再度フォームのある下部にスクロールしないといけない状態となっております。
お忙しいところ申し訳ございませんが、引き続きよろしくお願いいたします。
Re:errorScroll.js について
和田 (2015-11-09 07:17:30) www.synck.com
確認画面の表示部分ですね。この場合であればオーバーレイタイプかダイアログタイプに変更したほうが良さそうですね。
Re:errorScroll.js について
tobyさん (2015-11-09 12:45:44) hottlabs.com
ご連絡ありがとうございます。
>確認画面の表示部分ですね。この場合であればオーバーレイタイプかダイアログタイプに変更したほうが良さそうですね。
こちらですが、すでにオーバーレイタイプとなっている状態でして、スマートフォンでの挙動だけが、フラットになってしまいます。
また、2システムダイアログを設定しても、PCでは大丈夫なのですが、スマートフォンでの操作時のみ、フラットになり続けてしまっている状態です。
度重なる質問となり大変申し訳ございません。
Re:errorScroll.js について
和田 (2015-11-16 23:38:14) www.synck.com
おそらく
push @AddOns,’ResponsiveWeb.js’;
が設定されていると思うので、こちらを無効にしてみてください。
お礼
tobyさん (2015-11-17 11:04:33) hottlabs.com
ありがとうございます！
こちらを無効にしたところ、直りました！！
すでにサイト自体がレスポンシブ対応になっている場合は、
これは無効にすべきなのですね。
ご対応ありがとうございました！助かりました。