ASP.Net页面刷新后自动滚动到原来位置

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

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

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

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

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

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

时间: 2024-11-05 11:36:19

ASP.Net页面刷新后自动滚动到原来位置的相关文章

ASP.NET页面刷新的实现方法总结

先看看ASP.NET页面刷新的实现方法: 第一: C#代码   private void Button1_Click( object sender, System.EventArgs e ) { Response.Redirect( Request.Url.ToString( ) ); } 第二: C#代码   private void Button2_Click( object sender, System.EventArgs e ) { Response.Write( " < scri

使用sessionStorage解决vuex在页面刷新后数据被清除的问题

https://www.jb51.net/article/138218.htm 1.原因 2.解决方法 localStorage没有时间期限,除非将它移除,sessionStorage即会话,当浏览器关闭时会话结束,有时间期限,具有自行百度 我这里使用sessionStorage,这里需要注意的是vuex中的变量是响应式的,而sessionStorage不是,当你改变vuex中的状态,组件会检测到改变,而sessionStorage就不会了,页面要重新刷新才可以看到改变,所以应让vuex中的状态

vue通过路由传值及在页面刷新后如何保存值

1.普通的路由跳转 方式一:通过routerLinkTo方式,转为a标签的跳转,to里面相当于a标签的href路径 如下: 方式二:通过this.$router.push方式: 如下: 2.带参数的路由跳转 通过动态参数:通过这种方式传递的参数在刷新后不会消失,但会显示在url路径上 router设置如下: 跳转方式: 接收路由参数方式: 通过params和query等方式:query和path为一个组合,params和name为一个组合,不同之处在于query方式会显示在url上,而param

页面刷新后让其回到滚动条原来的位置

设计一个刷新时记录滚动条位置的隐藏域: <ul class="pos-scroll btdatalist" id="bertList"> </ul> <input id="divScrollValue" type="hidden" value="0" /> js: function getSectionBaseInfo(){ //刷新后回到原来的滚动条位置document

实现当UILable的内容超出其范围后自动滚动效果

本文主要介绍 [当UILabel的内容超出其自身的宽度范围后,进行互动展示的效果],我们先来看一下Demo的效果图. 实际实现起来并不十分繁杂,在这里,为了开发的效率,我们使用了一个已经封装好的UILabel控制类CBAutoScrollLabel:点击“阅读原文”下载. 在写代码之前,我们还有一个准备工作,在stroyBoard中,找到需要实现效果的viewController,并向需要展示滚动效果label的地方拖一个UIView空间,并将其大小确定好(范围和之前需要展示滚动效果的label

C# 中解决页面刷新后字体等变大问题

来源:http://blog.csdn.net/wcsjsdn/article/details/5109605 我们在.net开发中时常会遇到一个问题,那就是,当点击某个按钮后,调用js语句,当点击"确定"后,会发现页面的css样式表丢失,页面的框架不正常. 那么,我们用什么样的代码能让他既有js的效果语句,又不影响页面的基本框架啦,这句需要用到页面注册的知识:RegisterClientScriptBlock或RegisterStartupScript,这两个的效果一下,唯一区别是:

JSP中页面刷新后保留文本输入框的值

原本我想按照记忆中ASP的什么回调方法来做的,看了看网上的还是这样做方便多了: <input type="text" name="sname" value="${sname}"/> 看来还是处处都需要学习啊!

解决vue单页面刷新后vuex中数据恢复初始值的问题

思路是页面关闭前将state的数据存储到浏览器缓存里,页面加载时再取出来存到state中 //App.vue created () { if (this.$getLocal("store")) { this.$store.replaceState( Object.assign({}, this.$store.state, this.$getLocal("store", "parse")) ); } window.addEventListener(

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar