• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    解决ASP.NET回传后div滚动条位置复位的问题(利用隐藏控件原理)

    首先是为DIV添加一个onscroll="javascript:setScollTop()" 的方法(当然不一定是DIV其他的标签思路应该也是这样的)

    复制代码 代码如下:

    div style="overflow: auto; height: 152px" align="left" id="dvScoll_1"   onscroll="javascript:setScollTop()">
    www.jb51.net
    ......
    /div>

    这里setScrollTop方法就是每次滚动条滚动的时候,把div的ScrollTop的值赋给一个隐藏控件。代码如下

    复制代码 代码如下:

    function setScollTop()
      {
         document.getElementById("%=hidScrollTop.ClientID%>").value=document.getElementById("dvScoll_1").scrollTop;
      }

    因为每次.net回发滚动条都会复位,所以这里我们 在Page_Load中给DIV的ScrollTop重新赋值了。代码如下

    复制代码 代码如下:

    if (!IsPostBack)
                    {
                       。。。。。
                    }
                    else
                    {
                        //恢复滚动条位置
                        if (this.hidScrollTop.Value!="")
                        {
                            string scrollTop = this.hidScrollTop.Value;
                            string strScript="document.getElementById('dvScoll_1').scrollTop="+scrollTop;
                            RegisterScriptBlock(this.Page, strScript);
                        }
                    }

    这里的RegisterScriptBlock是我写的一个方法,放在公共类库里的,如下所示。

     

    复制代码 代码如下:

     /// summary>
        /// 注册脚本块
        /// /summary>
        public static void RegisterScriptBlock(System.Web.UI.Page page, string _ScriptString)
        {
            page.ClientScript.RegisterStartupScript(page.GetType(), "scriptblock", "script type='text/javascript'>" + _ScriptString + "/script>");
        }
     

    您可能感兴趣的文章:
    • asp.net通过Ajax UpdatePanel回传后滚动条位置变更解决方法
    • Asp.net保持页面滚动条位置(页面提交后不变)
    • ASP.Net刷新页面后自动滚动到原来位置方法汇总
    上一篇:asp.net使用jQuery获取RadioButtonList成员选中内容和值示例
    下一篇:asp.net使用jquery实现搜索框默认提示功能
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    解决ASP.NET回传后div滚动条位置复位的问题(利用隐藏控件原理) 解决,ASP.NET,回传,后,div,