zoukankan      html  css  js  c++  java
  • 页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

    方法一:
    "防止页面滚动"

    方法二:
    Page.SmartNavigation = true;

    有可能会造成你页面JavaScript 出错,这是ASP.NET 的一个BUG

    方法三
    利用<大眼睛>的原理,我把过程简化了一下,分三部分:
    一、
    在<form>与</form>之间插入<input type="hidden" name="__SCROLLPOS">,用以记录页面的当前滚动位置;
    二、
    给<body>起个名字,比如:<body id="theBody">,同时编写body的onscroll事件,总体如下:
    <body id="theBody" onload="bodyload()" onscroll="document.all["__SCROLLPOS"].value = theBody.scrollTop;">
    三、
    在Page_Load事件中加入如下代码(vb.net),作用在于ie显示该页面时,马上重新定位原来的滚动位置:
      Dim js As String
      js = "<script language=""javascript"">function bodyload() {"
    js &= "js &= "theBody.scrollTop = " & CInt("0" & Request.Form("__SCROLLPOS")) & "; "
    js &= "document.forms[0].__SCROLLPOS.value = " & CInt("0" & Request.Form("__SCROLLPOS")) & "; "
    js &= "}</script>"
      Response.Write(js)

    Not在此把Not在做一个项目时的解决方法拿出来与大家共享。
    Not的思路是事件执行完后写段脚本,让页面自动滚动到刷新页面之前的控件处,减少页面刷新带来的不便。
    比如按了一个按钮后,脚本会自动将页面自动滚动到这个按钮的位置。

    写段脚本的事情Not用了一个ScriptHelper的类来搞定,这个类有个GetViewControlScript(string controlName)的方法,它返回是一段客户端的脚本,传入的参数就是这个控件的ID。

    ScriptHelper类代码:

     /// 
    <summary>
     /// 提供一些产生页面脚本的方法
     /// 
    </summary>
     public class ScriptHelper
     {

      /// 
    <summary>
      /// 获取客户端查看控件的脚本
      /// 
    </summary>
      /// 
    <param name="controlName"></param>
      /// 
    <returns>脚本代码</returns>
      public static string GetViewControlScript(string controlName)
      {

       //创建客户端函数ViewObj
       string script = "\n";
       script += "
    <script language=\"javascript\">\n";
       script += 
    "function ViewObj(objName)\n";
       script += 
    "{\n";
       script += 
    "var obj = document.all.item(objName);\n";
       script += 
    "if (obj != null)\n";
       script += 
    "{\n";
       script += 
    "\tobj.scrollIntoView();\n";
       script += 
    "\tobj.focus();\n";
       script += 
    "}
    \n";
       script += 
    "}
    \n";

       //创建客户端函数ToDo
       script += 
    "function ToDo()";
       script += 
    "{\n";
       script += string.Format(
    "setTimeout(\"ViewObj('{0}')\",1000);\n", controlName);
       script += 
    "}
    \n";

       script += 
    "window.onload = ToDo;\n";
       script += 
    "
    </script>\n";

       return script;
      }

     }

    使用示例:

    为了方便输入脚本,我在页面上放了个Label:lblScript,并把lblScript的EnableViewState属性和Visible属性设成False。
    然后在lblScrpt的Click事件的操作代码后添加输入脚本的代码,如下所示:

    private void btnSave_Click(object sender, System.EventArgs e)
    {
     project.UpdateProjectInfo(ds);
     lblScript.Text = ScriptHelper.GetViewControlScript("btnSave");
    }

    在点击btnSave按钮后,页面会自动滚动到btnSave的位置,减少了页面刷新带来的不便。

  • 相关阅读:
    datetime函数和random.seed()函数的应用
    TP5 display()
    _STORAGE_WRITE_ERROR_
    nginx下基于ThinkPHP框架的网站url重写
    Thinkphp3.2版本Controller和Action的访问方法
    Undefined class constant 'MYSQL_ATTR_INIT_COMMAND'
    如何将word公式粘贴到TinyMCE里面
    如何将word公式粘贴到eWebEditor里面
    如何将word公式粘贴到wangEditor里面
    如何将word公式粘贴到xhEditor里面
  • 原文地址:https://www.cnblogs.com/ghd258/p/253407.html
Copyright © 2011-2022 走看看