• 締切済み

フォームの確認画面への遷移時にスクロールさせたい

お世話になります。 現在、採用LPを作成しており、LP内に応募フォームを組み込んでいます。 募集要項があり、その下に応募フォームがある作りなのですが、 フォームの送信ボタンを押すと、確認画面は一番上から表示されるため、 ファーストビューでは募集要項が表示され、入力内容はスクロールしないと見ることができない状況です。 これでは、ユーザビリティが微妙なので、確認画面は、応募フォームまでスクロール(或いはジャンプ)させて表示させたいのですが、どのようにすればよろしいでしょうか? input type="image" を使用しており、いろいろ調べているのですが、どのようにどのようにすれば良いか良い方法がみつかりません。 ご教授の程よろしくお願い致します。

みんなの回答

  • nikoooo
  • ベストアンサー率37% (184/490)
回答No.1

>応募フォームまでスクロール(或いはジャンプ)させて表示させたい ページ内リンク を使いたい。 という質問でよろしいでしょうか? <a name="アンカー名"></a> <a href="#アンカー名">文字</a> 画像: <a name="アンカー名"></a> <a href="#アンカー名"> <img src="画像指定"> </a> ページ内で飛ばしたいなら input type="image" よりもページ内リンクの方が簡単では。 type="image" の時、 <a name="アンカー名"></a> <input type="submit" value="ボタンの文字" onClick="location='#アンカー名'"/> 画像: <input type="image" src="画像指定" onClick="location='#アンカー名'"/> 参考:http://blog.livedoor.jp/inner_voice1971/archives/50266397.html

gucchi7221
質問者

補足

アンカーリンクでは、一度その位置にはなりますが、すぐにページ頭に移動してしまいます。 submitにlocationほかいろいろ細工しましたが、全て上手くいきませんでした。 CGIの方をいじるしかないのでしょうかね… 調べるとjsで、イベント発生時の座標を取得して、遷移後もその座標を維持する方法があるようなのでこれを試してみようと思います。

関連するQ&A