2016-06-21 1 views
1

ページに垂直スクロールを持つDIVがあります。 そのDIVの中には、送信ボタン付きのFORMを含む行がたくさんあります。セッションvarまたはCSSを使用してFORM送信後にDIVのスクロール位置を保持する

<div> 
<form>text1 <input type=submit></form><BR /> 
<form>text2 <input type=submit></form><BR /> 
<form>text3 <input type=submit></form><BR /> 
[...] 
<form>text99 <input type=submit></form><BR /> 
</div> 

私が欲しいのは、1つのボタンをクリックした後に、divが以前のスクロール位置にジャンプする必要があるということです。今は非常に不便な点を1位にジャンプします。ページはJavaScriptをまったく使用していません。

CSSやHTML/CSSで行う方法はありますか?

または多分セッション変数(クッキーではない)を使用していますか?

+0

フォームの動作は何ですか?それはページをリロードしますか?その場合は、送信ボタンのクリックをキャプチャし、現在の位置をURLにクエリパラメータまたはハッシュとして追加して、通常の方法でリクエストを実行します。次に、各ページの読み込み時に、URLパラメータ/ハッシュに基づいて位置を設定します。 – SArnab

+0

はい、ページをリロードします。あなたはコードの例を作ることができますか? –

答えて

0

私は数時間try'n'erroringされています。

ソリューションは非常に簡単です、あなたは関係なく、idが何であるかをタグで、フォームアクションリンクのように呼ばれるIDにジャンプするつもりだ何jQueryとなしのJava、単なるHTML

<div> 
    <form id="link1" action="#link1" >text1 <input type=submit></form><BR /> 
    <form id="link2" action="#link2" >text2 <input type=submit></form><BR /> 
    <form id="link3" action="#link3" >text3 <input type=submit></form><BR /> 
    [...] 
    <form id="link99" action="#link99" >text99 <input type=submit></form><BR /> 
</div> 

を必要としません。これでも動作しています:

<div> 
    <form action="#link1" >text1 <input id="link1" type=submit></form><BR /> 
    <form action="#link2" >text2 <input id="link2" type=submit></form><BR /> 
    <form action="#link3" >text3 <input id="link3" type=submit></form><BR /> 
    [...] 
    <form action="#link99" >text99 <input id="link99" type=submit></form><BR /> 
</div> 

楽しい人がいます。

関連する問題