在使用会话变量或 CSS 提交表单后保持 DIV 的滚动位置

Question

我在一个有垂直滚动条的页面中有一个 DIV。在那个 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>

我想要的是，在单击其中一个提交按钮后，div 应该跳转到之前的滚动位置。现在它跳到位置 1 非常不方便。该页面根本没有使用 JavaScript。

有没有办法用 CSS 或 HTML/CSS 来做到这一点？

或者可能使用会话变量（不是 cookie）？

Answer 1

我已经试错了几个小时。

解决方法很简单，不需要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>

它会跳转到像表单操作link这样调用的id，不管这个id在什么标签中。即使这样也行得通：

<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>

祝大家玩得开心。

在使用会话变量或 CSS 提交表单后保持 DIV 的滚动位置

Keep scroll position of a DIV after a FORM submit using session var or CSS

html

css

session-variables