ASP.Net刷新页面后自动滚动到原来位置方法汇总
更新时间：2015年06月07日 09:27:42 投稿：hebedich
本文给大家汇总了3种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);
这种方法其实就是触发某个元素的事件
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要介绍了ynamic LINQ创建高级查询服务，如何使用Dynamic LINQ轻松实现更强大的高级查询服务，下面文章内容具有一的的参考价值，需要的小伙伴可以参考一下2022-03-03
NativeAOT是.NET 8中引入的一种编译方式,它将代码编译成原生代码,提高性能并节省资源,然而,NativeAOT也带来了一些问题,如反射依赖、泛型实例化等,本文详细介绍了如何使用NativeAOT以及如何解决这些常见问题,感兴趣的朋友跟随小编一起看看吧2025-01-01
本篇文章主要介绍了ASP.NET MVC从控制器传递数据到视图的四种方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
这篇文章主要介绍了ASP.NET私有构造函数用法,较为详细的分析了ASP.NET中私有构造函数的特性及具体用法,需要的朋友可以参考下2014-11-11
ASP.NET MVC重写RazorViewEngine实现多主题切换
这篇文章主要为大家详细介绍了ASP.NET MVC重写RazorViewEngine实现多主题切换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章介绍了ASP.Net Core对USB摄像头进行截图的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-10-10
常用asp.net日期操作函数-得到某月的第一天和最后一天的日期2008-12-12
代码基本上可以实现邮件的发送，但是在测试时却在 smtp.Send(objMail);处显示“发送邮件失败”，最后发现的问题是，我的杀毒软件对邮件发送接收进行了保护，只需去掉保护就能够发送成功了。2009-02-02
.net调用JScript脚本及JS url加密解密，需要的朋友可以参考一下2013-03-03
Tesseract是一个强大的OCR工具,支持多种语言和格式,在.NET项目中使用Tesseract,需要安装相关的NuGet包和基础依赖,本文介绍如何在 .NET 中使用 Tesseract 识别图片文字,感兴趣的朋友一起看看吧2025-01-01
最新评论