关闭

在长aspx页面刷新后保持位置不变

1229人阅读 评论(0) 收藏 举报

在设计asp.net页面的时候,如果页面很长,刷新后页面会直接回到顶端,如果想要在刷新之后页面依然保持在刷新前的位置,在代码页中加入以下代码,并在Page_Load()中调用即可

  private void RetainScrollPosition()
  {
   StringBuilder saveScrollPosition = new StringBuilder ();
   StringBuilder setScrollPosition = new StringBuilder ();

   RegisterHiddenField("__SCROLLPOS", "0");

   saveScrollPosition.Append("<script language='javascript'>");
   saveScrollPosition.Append("function saveScrollPosition() {");
   saveScrollPosition.Append("    document.forms[0].__SCROLLPOS.value = thebody.scrollTop;");
   saveScrollPosition.Append("}");
   saveScrollPosition.Append("thebody.onscroll=saveScrollPosition;");
   saveScrollPosition.Append("</script>");

   RegisterStartupScript("saveScroll", saveScrollPosition.ToString());

   if (Page.IsPostBack)
   {
    setScrollPosition.Append("<script language='javascript'>");
    setScrollPosition.Append("function setScrollPosition() {");
    setScrollPosition.Append("    thebody.scrollTop = " + Request["__SCROLLPOS"] + ";");
    setScrollPosition.Append("}");
    setScrollPosition.Append("thebody.onload=setScrollPosition;");
    setScrollPosition.Append("</script>");

    RegisterStartupScript("setScroll", setScrollPosition.ToString());
   }
  }

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:23395次
    • 积分:396
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:7篇
    • 译文:0篇
    • 评论:3条
    最新评论