在页面回发后维护Div上的滚动条位置(ASP.NET)

前端之家收集整理的这篇文章主要介绍了在页面回发后维护Div上的滚动条位置(ASP.NET)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样一个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;
}

猜你在找的CSS相关文章