页面回传(PostBack)后恢复滚动条的位置_AX
【总结】
其中涉及到了DTD模板标准,比较烦人,还得判断下,只在IE浏览器测试通过.
就是这个,VS2008页面都有这个了,会影响样式和脚本:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在Page_Load里直接调用RestoreScroll方法就OK了,详见代码注释.
【代码】
using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
/// <summary>
///AX 的摘要说明
/// </summary>
public class AX
{
public AX()
{
}
public static void RestoreScroll(Page page)
{
//注册一个Hidden Filed
page.ClientScript.RegisterHiddenField("Hidden_AX", "0");
System.Text.StringBuilder sb = new System.Text.StringBuilder();
//当滚动条滚动时将其到页顶的位置保存在Hidden Field中
sb.AppendLine("function getPageScroll() ");
sb.AppendLine("{ ");
sb.AppendLine(" var yScroll; ");
sb.AppendLine(" if (document.documentElement.scrollTop)//符合DTD标准的Page ");
sb.AppendLine(" { ");
sb.AppendLine(" yScroll = document.documentElement.scrollTop; ");
sb.AppendLine(" } ");
sb.AppendLine(" else ");
sb.AppendLine(" { ");
sb.AppendLine(" yScroll = document.body.scrollTop; ");
sb.AppendLine(" } ");
sb.AppendLine(" return yScroll; ");
sb.AppendLine("} ");
sb.AppendLine("function saveScrollPosition() ");
sb.AppendLine("{ ");
sb.AppendLine(" document.getElementById('Hidden_AX').value = getPageScroll();");
sb.AppendLine("} ");
sb.AppendLine("window.onscroll=saveScrollPosition; ");
page.ClientScript.RegisterStartupScript(page.GetType(), "AX", sb.ToString(), true);
//页面加载完后恢复滚动条的位置
if (page.IsPostBack)
{
sb.Remove(0,sb.Length);
sb.AppendLine("function setScrollPosition() ");
sb.AppendLine("{ ");
sb.AppendLine(" window.scrollTo(0," + page.Request["Hidden_AX"] + "); ");
sb.AppendLine("} ");
sb.AppendLine("document.body.onload=setScrollPosition; ");
page.ClientScript.RegisterStartupScript(page.GetType(), "AXzhz", sb.ToString(), true);
}
}
}
调用
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AX.RestoreScroll(Page);
}
}
其中涉及到了DTD模板标准,比较烦人,还得判断下,只在IE浏览器测试通过.
就是这个,VS2008页面都有这个了,会影响样式和脚本:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在Page_Load里直接调用RestoreScroll方法就OK了,详见代码注释.
【代码】
using System;using System.Data;using System.Configuration;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Xml.Linq;/// <summary>
///AX 的摘要说明/// </summary>public class AX{
public AX() {
} public static void RestoreScroll(Page page) { //注册一个Hidden Filed page.ClientScript.RegisterHiddenField("Hidden_AX", "0"); System.Text.StringBuilder sb = new System.Text.StringBuilder(); //当滚动条滚动时将其到页顶的位置保存在Hidden Field中 sb.AppendLine("function getPageScroll() "); sb.AppendLine("{ "); sb.AppendLine(" var yScroll; "); sb.AppendLine(" if (document.documentElement.scrollTop)//符合DTD标准的Page "); sb.AppendLine(" { "); sb.AppendLine(" yScroll = document.documentElement.scrollTop; "); sb.AppendLine(" } "); sb.AppendLine(" else "); sb.AppendLine(" { "); sb.AppendLine(" yScroll = document.body.scrollTop; "); sb.AppendLine(" } "); sb.AppendLine(" return yScroll; "); sb.AppendLine("} "); sb.AppendLine("function saveScrollPosition() "); sb.AppendLine("{ "); sb.AppendLine(" document.getElementById('Hidden_AX').value = getPageScroll();"); sb.AppendLine("} "); sb.AppendLine("window.onscroll=saveScrollPosition; "); page.ClientScript.RegisterStartupScript(page.GetType(), "AX", sb.ToString(), true); //页面加载完后恢复滚动条的位置 if (page.IsPostBack) { sb.Remove(0,sb.Length); sb.AppendLine("function setScrollPosition() "); sb.AppendLine("{ "); sb.AppendLine(" window.scrollTo(0," + page.Request["Hidden_AX"] + "); "); sb.AppendLine("} "); sb.AppendLine("document.body.onload=setScrollPosition; "); page.ClientScript.RegisterStartupScript(page.GetType(), "AXzhz", sb.ToString(), true); } }}调用
public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { AX.RestoreScroll(Page); }}少帮主的斧头好久不饮血了!
分类:
经验总结
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架