多视图和多视图在回发时维护滚动位置

Question

我有一个带有 MultiView 控件的页面，并且某些视图的长度足以滚动。由于评论中的许多控件需要回发才能正常工作，因此在页面上启用了MaintainScrollPositionOnPostBack。

当用户从一种视图转换到另一种视图时，我遇到问题。如果它们位于长视图的底部，并转换到另一个长视图，则新视图会加载并一直滚动到底部。当用户进入多视图中的新视图时，我需要跳转到页面顶部。

我尝试使用 OnActiveViewChanged 事件来： - 调用 RegisterStartupScript 将 window.location.hash 设置为我放置在页面顶部的锚点。 - 调用RegisterStartupScript调用window.scrollTo(0,0) - 暂时将MaintainScrollPositionOnPostBack 设置为 false

问题是，这些似乎都不会影响实际的转换回发，它们会在下一个回发时生效，这实际上会导致更大的问题。

有人有一种行之有效的方法，可以让 MultiView 页面仅在转换到新视图的回发时跳转到页面顶部吗？

Answer 1

这与我今天在多视图中遇到的问题完全相同。我找到了你的问题并开始寻找答案。看来我们找到了同一篇文章！

（文章代码为C#）

 private void ResetScrollPosition()
  {
      if (!ClientScript.IsClientScriptBlockRegistered(this.GetType(), "CreateResetScrollPosition"))
      {
          System.Text.StringBuilder script = new System.Text.StringBuilder();
          script.Append("function ResetScrollPosition() {");
          script.Append("  var scrollX = document.getElementById(\'__SCROLLPOSITIONX\');");
          script.Append("  var scrollY = document.getElementById(\'__SCROLLPOSITIONY\');");
          script.Append("  if (scrollX && scrollY) {");
          script.Append("    scrollX.value = 0;");
          script.Append("    scrollY.value = 0;");
          script.Append("  }");
          script.Append("}");

          //Create the ResetScrollPosition() function
          ClientScript.RegisterClientScriptBlock(this.GetType(), "CreateResetScrollPosition",
             script.ToString(), true);
          //Add the call to the ResetScrollPosition() function
          ClientScript.RegisterStartupScript(this.GetType(), "CallResetScrollPosition", "ResetScrollPosition();", true);
      }
  }

Answer 2

最后找到了答案/解决方法： 4Guys

您必须通过操纵 ASP.Net 用于跟踪滚动位置的隐藏字段来欺骗 ASP.Net 来为您完成此操作。