asp.net 防止页面滚动的两个方法

最新推荐文章于 2017-07-31 09:48:43 发布

xiaops2005

最新推荐文章于 2017-07-31 09:48:43 发布

阅读量341

点赞数

分类专栏： .net 文章标签： asp.net javascript function button string html

.net 专栏收录该内容

170 篇文章

订阅专栏

本文介绍两种在ASP.NET Web Forms中保持页面滚动位置的方法。一种是在页面加载时记录并恢复滚动位置，另一种是通过定位特定控件来实现页面跳转。这两种方法均可帮助改善用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、
  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 = MyBody.scrollTop;");
   saveScrollPosition.Append("}");
   saveScrollPosition.Append("MyBody.onscroll=saveScrollPosition;");
   saveScrollPosition.Append("</script>");

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

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

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

page_load 时，执行RetainScrollPosition（）
页面html中，body加id=MyBody，即可这样一次添加，只要继承的页面都会实现你想要的了
（引用别人的，原作者我忘了，在此感谢）

二、

在你需要的位置添加一个对象控件，让页面刷新后定位到此控件的位置，使用了scrollIntoView方法。

public void ScrollToObject(string str_Ctl_Name,Page page)
{
    if(!page.IsStartupScriptRegistered ("ScrollObject"))
   {
        page.RegisterStartupScript("msgScrollObject"," <script>document.forms(0)."+str_Ctl_Name+".scrollIntoView();document.forms(0)."+str_Ctl_Name+".focus(); </script>");
  }
}

注：ScrollToObject：方法名
        str_Ctl_Name：控件名
       例子：ScrollToObject(Button1,Page);