解决ASP.NET回传后div滚动条位置复位的问题(利用隐

在ASP.NET Web开发中，解决页面回传后DIV滚动条位置重置的问题是一项常见挑战。为了实现这一目的，我们可以通过一个隐藏控件来保存当前的滚动位置。当页面重新加载时，我们可以根据先前保存的scrollTop值来重置滚动位置。这种方法的核心在于使用JavaScript和ASP.NET代码的结合。

假设我们有一个带有滚动条的DIV元素，我们可以在这个元素的滚动事件中调用一个JavaScript函数，用来获取当前的滚动位置并存储在一个隐藏控件中。具体的实现方法如下：

在DIV元素上添加一个滚动事件处理函数，例如`onscroll="javascript:setScrollTop()"`。这个函数会将当前滚动位置的值赋给一个隐藏控件。代码如下：

`

`

然后是JavaScript函数`setScrollTop()`的实现：

`function setScrollTop() { document.getElementById("<%=hidScrollTop.ClientID%>").value = document.getElementById("dvScroll_1").scrollTop; }`

每次页面回发后，滚动条都会复位。在Page_Load事件中，我们需要根据隐藏控件中的值来重新设置DIV的滚动位置。代码如下：

`if (!IsPostBack) { // 初始加载时的操作 } else { // 页面回发后的操作 if (this.hidScrollTop.Value != "") { string scrollTop = this.hidScrollTop.Value; string strScript = "document.getElementById('dvScroll_1').scrollTop=" + scrollTop; RegisterScriptBlock(this.Page, strScript); } }`

这里的`RegisterScriptBlock`是一个用于注册脚本块的方法，可以放在公共类库中。它的实现如下：

`///

/// 注册脚本块 ///

public static void RegisterScriptBlock(System.Web.UI.Page page, string _ScriptString) { page.ClientScript.RegisterStartupScript(page.GetType(), "scriptblock", ""); }`

通过这种方法，我们可以在页面回发后保持DIV滚动条的位置不变，提升用户体验。这种解决方案结合了JavaScript的动态性和ASP.NET的服务器端处理能力，实现了滚动位置的持久化。