asp.net - 页面回发后保持 Div 上的滚动位置 (ASP.NET)

标签 asp.net javascript

我有一个这样的 div:

<div style="overflow-y: scroll; height: 260px">

我包含几百条记录,允许我选择一个项目来填充它下面的 formview 控件。

问题是当页面回发时,滚动条的位置回到了 div 的顶部。我想尝试保持其位置,以便所选记录仍然可见。

有什么想法吗?

最佳答案

放置类似的东西:

 <asp:HiddenField id="hdnScrollPos" runat="server"/> in your aspx.

然后,一些 javascript,例如:

var hdnScroll = document.getElementById(<%=hdnScrollPos.ClientID%>);
var bigDiv = document.getElementById('bigDiv');
bigDiv.onscroll = function() {
     hdnScroll.value = bigDiv.scrollTop;
}

window.onload = function () { 
    bigDiv.scrollTop = hdnScroll.value;
}

关于asp.net - 页面回发后保持 Div 上的滚动位置 (ASP.NET),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1184576/

相关文章:

javascript - 当另一个数组具有数字(值)时如何匹配 2 个数组的字符串值

c# - 更新文本框内部文本而不刷新页面

c# - 如何在我的数据库中创建对用户系统中 ASP.NET 构建的用户的引用?

javascript - 帮助 jquery 选择器

javascript - 使用下拉菜单更改多个文本框

javascript - 如何更改浏览器默认删除确认框

c# - 将网格绑定(bind)到匿名 LINQ 结果,然后将更改提交到数据库?

c# - Intranet 站点的 ASP.NET Identity + Windows 身份验证

c# - 尝试更改 asp.net 中默认 login.aspx 页面内的标签文本

javascript - jquery 数组不相等