轻松解决页面回传后页面滚动到顶端

解决|页面

轻松解决页面回传后页面滚动到顶端

页面回传后页面滚动到顶端,造成这一问题的原因是页面回传,其实等于载入一次页面,新载入的页面会定点到页面的顶端。这一特点会造成很差的用户使用感受,如何解决这一问题呢,我们可以借用隐藏的ViewState机制保存当前页面滚动的位置,在页面回传后调用。

<%@ Page language="c#" Codebehind="Test_THIN.aspx.cs" AutoEventWireup="false" Inherits="EIM.web.Test_THIN" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Test_THIN</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function savescroll()
{
var hid = document.getElementById("hid");
hid.value = document.body.scrollTop;
}
function getscroll()
{
var hid = document.getElementById("hid");
//hid.value = document.body.scrollTop;
document.body.scrollTop = hid.value;
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout" onload="getscroll()" onscroll="savescroll()">
<form id="Test_THIN" method="post" runat="server" onsubmit="savescroll()">
<INPUT style="Z-INDEX: 101; LEFT: 216px; POSITION: absolute; TOP: 127px" type="hidden" id="hid" runat="server"> 
<asp:Button id="Button1" style="Z-INDEX: 102; LEFT: 37px; POSITION: absolute; TOP: 1529px" runat="server" Text="Button"></asp:Button>
</form>
</body>
</HTML>

时间: 2024-12-30 22:11:57

轻松解决页面回传后页面滚动到顶端的相关文章

用了$(document).ready()方法,但是ASP.NET页面回传后又执行里面的方法

问题描述 用JQUERY不是很熟只知道$(document).ready()会在DOM加载完后调用一次但是我只是想第一次GET页面的时候触发里面的方法,POST回传后不再调用但实际情况是回传后还要执行ready里面的方法怎么回事啊?还是说我需要换一个方法实现仅加载时调用?注:我不想在page_load里面判断是否回传后输出脚本想放在页面去完成这个功能 解决方案 解决方案二:$(document).ready()这样的话页面只要刷新就会执行,想别的方法吧解决方案三:后台页面,声明isPostBac

实现页面打开后滚动到最底端的效果

页面     滚动页面的方法有scroll.scrollBy和scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量).因为是要滚动到页面底部,所以参数x为0,y为页面的滚动高度.另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload. 具体步骤: 方法一:用scroll方法实现. <body > <script> document.write(new Array(100).join("<br>"))

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

本文给大家汇总了3种ASP.Net实现的刷新页面后自动滚动到原来位置方法,十分的简单实用,有需要的小伙伴可以参考下.     在网上搜索之后总结了三种方式: 1.设置Page中的MaintainScrollPositionOnPostback属性为true A>.页面里有MaintainScrollPositionOnPostback,默认是false,设为true即可(页面级)   代码如下: <%@ Page Language="C#" AutoEventWireup=

linux下php添加zlib后页面乱码解决办法

在linux下php添加zlib后页面乱码的解决办法 原因: 在php.ini中 如果zlib.output_compression = On,那在程序中不就要再使用gzencode()压缩,不然就会呈现乱码. 解决办法: zlib.output_compression = Off 重启apache即可. zlib安装 1. 下载安装zlib http://www.gzip.org/zlib/ 解压tar包,进入目录执行命令: 1 ./configure && make &&

移动设备的HTML页面中图片实现滚动加载

如今移动互联网风靡全球,移动页面的元素也是丰富多彩,一个移动页面的图片超过10张已经是再正常不过的事情了.但是相对,很多移动用户还停留在2G,3G这样的网络中.那么这样带宽的用户,在浏览这样的页面时,要把页面加载完毕,可能就需要10s,20s甚至更多,严重影响用户的体验.针对这样的问题,让页面中的图片滚动加载(图片出现在显示器屏幕上时再加载图片)显得非常重要!这样也可以有效地节省我们服务器的带宽和解决请求大并发的问题. 1.效果图.     这是加载过程中的图片菊花显示            

asp.net-easyui datagrid 执行搜索操作后页面仍然显示原数据

问题描述 easyui datagrid 执行搜索操作后页面仍然显示原数据 用的平台是asp.net,初始化不带参数的查询时数据能正常显示,在datagrid上面的搜索栏输入参数 执行搜索功能,表格刷新以后仍然是原来的数据,但后台传过来的json确实是查询参数筛选的数据, 格式也是正确的,但刷新后就是原来的数据,这是因为什么? 解决方案 你怎么知道后台回传的数据是正确的.用开发工具看过了?而且你怎么查询的reload或者load附带参数?$('#xxx').datagrid('reload',{

解决ASP.NET回传后div滚动条位置复位的问题

 这篇文章主要介绍了解决ASP.NET回传后div滚动条位置复位的问题,中心思想是用一个隐藏控件保存当前scorll值.回传回来后根据scrollTop的值,然后在Page_Load中重新设置scrollTop  首先是为DIV添加一个onscroll="javascript:setScollTop()" 的方法(当然不一定是DIV其他的标签思路应该也是这样的)   代码如下: <div style="overflow: auto; height: 152px"

通过伪协议解决父页面与iframe页面通信的问题

 我们经常会有父页面与iframe页面的操作,比如 <iframe id = "iframe"></iframe> 这个iframe里面的内容是js写的.如以下代码   1 2 3 4 5 var iframe = document.getElementById("iframe"), doc = iframe.contentWindow.document; doc.open(); doc.write("---------someth

图-asp.net使用chart控件发布后页面报错

问题描述 asp.net使用chart控件发布后页面报错 页面错误提示如下图所示 请问各位有没有什么解决方法