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

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.Net刷新页面后自动滚动到原来位置方法汇总

    在网上搜索之后总结了三种方式:

    1.设置Page中的MaintainScrollPositionOnPostback属性为true

      A>.页面里有MaintainScrollPositionOnPostback,默认是false,设为true即可(页面级)

    复制代码 代码如下:

    %@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"  MaintainScrollPositionOnPostback="true"  Inherits="Default.Defa
    ult" %> 

      B>.设置web.config配置文件中的Pages节点中的MaintainScrollPositionOnPostback属性为true(网站级或目录级)

        如果修改网站根目录下的web.config则所有的页面均会受影响,若只修改某个目录下的web.config文件则只影响这个目录中的页面

       具体办法:

      在system.web>节点下配置:

    复制代码 代码如下:

    pages maintainScrollPositionOnPostBack="true">/pages>

      C>.在页面的code页面,通过C#或VB代码设置page的MaintainScrollPositionOnPostback属性为true

    复制代码 代码如下:

    Page.MaintainScrollPositionOnPostBack = true;

    或这样写

    复制代码 代码如下:

    this.MaintainScrollPositionOnPostBack = true;

    2.可以使用Jquery,通过获取某个元素当前位置的高度,具体实现如下

    复制代码 代码如下:

    function setPosition() 

         var top=$("#元素id").offset().top(); 
         $("html,body").animate({scrollTop:top},1000); 

    3.可以使用锚点,但这里可使用灵活处理

    首先获取需要滚动到的位置的id,如,可以设置一个元素(span name="postion" id="postion">/span>,注:要在form里),另外在form的任意位置设置

    复制代码 代码如下:

    a href="#postion" id="clickLink">/a>

    注:a标签里不要有内容,在回传的地方调用

    复制代码 代码如下:

    Page.ClientScript.RegisterStartupScript(this.GetType(), "scroll", "document.getElementById('clickLink').click();", true); 

    这种方法其实就是触发某个元素的事件

    以上所述就是本文的全部内容了,希望大家能够喜欢。

    您可能感兴趣的文章:
    • asp.net通过Ajax UpdatePanel回传后滚动条位置变更解决方法
    • Asp.net保持页面滚动条位置(页面提交后不变)
    • 解决ASP.NET回传后div滚动条位置复位的问题(利用隐藏控件原理)
    上一篇:ASP.NET中的Cache使用介绍
    下一篇:asp.net实现文件无刷新上传方法汇总
  • 相关文章
  • 

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

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

    ASP.Net刷新页面后自动滚动到原来位置方法汇总 ASP.Net,刷新,页面,后,自动,