Html 当我选择一个图像时，如何防止图像列表重置？

我正在使用ASP.NET web表单设计一个网站。其中一个页面使用

来保存

asp:ImageButton

控件的滚动列表，每个控件都显示一个图像。目标是能够在一个可滚动的DIV标记内显示一长串图像，使用户无需使用第三方控件即可轻松选择一个图像，并避免使用需要分页的控件。下面是我构建的DIV的一个示例：

<div id="divOne" runat="server" style="height: 230px; width: 330px; overflow: auto;text-align: center;">
    <asp:ImageButton runat="server" ImageUrl="../Images/image1_small.jpg" AlternateText="Image #1" CommandArgument="Image #1" OnClick="ImagePicked" /><br />
    <asp:ImageButton runat="server" ImageUrl="../Images/image2_small.jpg" AlternateText="Image #2" CommandArgument="Image #2" OnClick="ImagePicked" /><br />
    ...
 </div>

...

当用户单击图像时，它会触发更新页面另一部分的操作。但问题是，当单击图像并启动操作时，图像列表会重置回列表顶部的第一个。

---

我试着用一个

UpdatePanel

来控制它，但还是发生了。有没有办法防止图像列表重置

如果您只想在回发后保存滚动位置，有几种方法。最简单的方法是在onscroll事件触发时使用javascript保存滚动位置，然后在页面加载时恢复保存的值，如下所示：

如果这对您不太合适，您可以尝试将滚动位置存储在一个隐藏字段中（请参见此答案：）。有些人还建议将其存储在cookie中，但如果用户出于任何原因禁用了cookie，则可能适得其反

希望有帮助