質問: 画面上の特定箇所にジャンプさせたい(JSP) JSPを利用した検索画面を作成中です。 検索画面は、主に(1)検索条件入力項目、(2)検索ボタン、(3)検索結果表示項目 の3エリアから構成されています。検索条件を入力して、検索ボタンをクリックすると、 検索結果が表示される一般的な構成です。検索結果は複数行表示されるため、 縦スクロールが発生します。 ◆質問 検索ボタンをクリックした後に、 (3)検索結果表示項目の上部をブラウザ上の一番上に表示したい(※)のですが、 参考となる方法やWebページを教えて頂けないでしょうか? ※検索条件入力項目や検索ボタンは、上にスクロールすれば見える状態 [現在までにできたこと] ・タグを利用して、ページ内をジャンプするようには できたのですが、検索条件入力項目のエリアを表示後、 (3)検索結果表示項目の上部にジャンプします。 →検索ボタンクリック後に、検索条件や検索ボタンなどを 表示せず、(3)検索結果表示項目の上部を表示するような 画面を作りたいと考えています。 みなさんのお力を貸して頂ければと考えます。
回答: (3)の最下部にスクロールを発生させるJavascriptを仕込めばよいかと思います。 1.アンカーにフォーカスを当てる 2.location.hashを設定 3.scrolltoで飛ばし先IDのoffsetopなどを指定 4.JQueryを使用する 可能であれば4をloadイベントに設定して結果ゼロ判定などを組み込むのが奇麗かと思います。