zoukankan      html  css  js  c++  java
  • asp.net 防止页面滚动的两个方法

    一、
      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);

  • 相关阅读:
    C#批量附加指定目录下的所有数据库文件到数据库中
    UDP聊天代码发送消息客户端代码
    IE6 中 a:hover 的bug
    HTML 里的 if 条件用法
    How to Implement Ajax in WordPress Themes
    如何顺利的通过高级职称评审(转)
    WEB前端工程师如何做职业规划?(转)
    去掉IE浏览器里的脚本控件提示
    网页的横向滚动条
    Top 10 CSS Table Designs(转)
  • 原文地址:https://www.cnblogs.com/top5/p/1689496.html
Copyright © 2011-2022 走看看