html - 当我选择一个图像时,如何防止图像列表被重置?

标签 html asp.net image imagebutton

我正在使用 ASP.NET 网络表单来设计网站。其中一个页面使用 <DIV>保存 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 保存滚动位置,然后在页面加载时恢复保存的值,如下所示: Maintain scroll position of a div within a page on postback

如果这不太适合您,您可以尝试将滚动位置存储在隐藏字段中(请参阅此答案:https://stackoverflow.com/a/1184659/1202275)。有些人还建议将其存储在 cookie 中,但如果使用该页面的人出于任何原因禁用了 cookie,这可能会适得其反。

希望对您有所帮助!

关于html - 当我选择一个图像时,如何防止图像列表被重置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38819660/

相关文章:

c# - 有没有办法从 WebBrowser 控件跟踪 Internet Explorer 错误消息?

javascript - 如何在给定hh:mm:ss的<audio>文件中设置currentTime?

c# - 如果使用 Autofac.Extras.Quartz,则依赖注入(inject)不起作用

java - 在 Java 中将 32bpp 图像转换为 16bpp 图像

javascript - 通过 <img>-tag 注入(inject) javascript

android - Fresco 库问题

php - 上传的网站有问题?

html - 谷歌线图的调整位置

javascript - 解析问题

C# 属性检查一个日期是否早于另一个日期