源文件：http://www.cnblogs.com/nyth/archive/2011/06/10/2077868.html

当把数据放在div里面，然后给div设置Scroll显示，在页面刷新后或者是处理了某个按钮的事件，这个时候div的滚动轴就会又回到起始位置，但事实上得把数据还记录到刷新前的位置！

经过思考，以及网上查询信息，得到解决办法：

Js部分：

<script type="text/javascript">

        //刷新时滚动条保留位置

        function ScrollToSelectNode() {

            document.getElementById("left").scrollTop = "<%=ScrollValue%>";

        }

        function bindData() {

            document.getElementById("divScrollValue").value = document.getElementById("left").scrollTop;

        }

</script>
 

HTML部分：

<body onload="ScrollToSelectNode()">
    <form id="Form1" runat="server" onsubmit="bindData()">
    <input runat="server" id="divScrollValue" type="hidden" value="" />
    <div id="left" style="height: 100px; width: 100%; overflow-y: scroll; overflow-x: scroll;">
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
        <p>
            1</p>
    </div>
    <asp:Button ID="Button1" runat="server" Text="Button" />
    </form>
</body>

后台代码：

    public static string ScrollValue = string.Empty;//滚动条位置
    protected void Page_Load(object sender, EventArgs e)
    {
        ScrollValue = divScrollValue.Value;
    }

主要就是用一个隐藏域记录当前滚动条位置，当刷新时读取这个记录，让它回到以前的位置！

asp.net页面刷新或者回发后DIV的滚动条位置不变！（转）的更多相关文章

  1. 【转】 JavaScript:history.go() 的妙用(转) 处理post回发后返回

    在Web开发中,会遇到从一页(父页)导向另一页(子页),并且要求“返回”父页的情况,在这里如果用ASP.NET提供的 Response.Redirect()方法,往往不会达到理想的效果,例如:返回后, ...

  2. Error-ASP.NET：由于未能找到 id 为“FileUpload1$gvFiles$ctl02$lnkBtnRemoveFile”的控件或在回发后将同一 ID 分配给另一个控件，导致发生错误。如果未分配 ID，请显式设置引发回发事件的控件的 ID 属性以避免此错误。

    ylbtech-Error-ASP.NET:由于未能找到 id 为“FileUpload1$gvFiles$ctl02$lnkBtnRemoveFile”的控件或在回发后将同一 ID 分配给另一个控件 ...

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

    先看看ASP.NET页面刷新的实现方法: 第一: private void Button1_Click( object sender, System.EventArgs e ) { Response. ...

  4. asp.net页面刷新等问题

    windows.open 关闭当前页面刷新父页面实现() { 在子页面中 Page.ClientScript.RegisterStartupScript(this.GetType(), "a ...

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

    在网上搜索之后总结了三种方式: 1.设置Page中的MaintainScrollPositionOnPostback属性为true A>.页面里有MaintainScrollPositionOn ...

  6. Asp.Net页面刷新防止跳转到其他浏览器或新的选项卡

    前端页面js代码: <head> <script> window.name = "PremaritalCheckup_ManSocietyAgreeForm" ...

  7. asp.net 防止页面刷新或后退引起重复提交

     项目中经常遇到刷新后重复的向数据库增加一条相同的记录,造成数据重复,如何规避这些问题呢?下面我们就一起讨论一下在asp.net怎样防止页面刷新或后退引起重复提交数据的问题: 其实asp.net防止刷 ...

  8. asp.net关于页面不回发,不生成__doPostBack方法问题的完美解决方案

    1.有可能是使用net4.0+iis6之后没有打补丁.解决办法在IE10中登录我公司的一个网站时,点击其它菜单,页面总会自动重新退出到登录页,后检查发现,IE10送出的HTTP头,和.AUTH Coo ...

  9. asp.net 回发或回调参数无效的各种情况分析及解决办法

    昨天,在实现级联菜单的时候,突然出现一下错误: 回发或回调参数无效.在配置中使用 <pages enableEventValidation="true"/> 或在页面中 ...

随机推荐

  1. redis主从，哨兵，集群

    本次所有操作在docker下进行,搭建方便,迅速构建redis集群. 1. docker安装redis 获取redis:latest(使用官方最新的) 镜像 $ docker pull redis r ...

  2. Asp.net core 项目实战 新闻网站+后台 源码、设计原理 、视频教程

    首先说明,视频教程.源码并非本人原创 本人将项目分割开,并写了一些说明. 该视频教程 地址  https://study.163.com/course/courseMain.htm?courseId= ...

  3. [Tyvj 模拟赛] 运

    运 [问题背景] zhx和妹子们玩数数游戏. [问题描述] 仅包含4或7的数被称为幸运数. 一个序列的子序列被定义为从序列中删去若干个数,剩下的数组成的新序列.两个子序列被定义为不同的当且仅当其中的元 ...

  4. System.Buffer 以字节数组（Byte[]）操作基元类型数据

    1. Buffer.ByteLength:计算基元类型数组累计有多少字节组成. 该方法结果等于"基元类型字节长度 * 数组长度" , , }; , , }; , , }; Cons ...

  5. 修复xcode6.2 插件不能使用问题

    在终端输入以下命令即可: find ~/Library/Application\ Support/Developer/Shared/Xcode/Plug-ins -name Info.plist -m ...

  6. webstorm中导入git项目

    1.打开webStrom 配置git File–setting

  7. ZOJ1081 Points Within

    嘟嘟嘟 题面:给一个\(n\)个点的多边形和\(m\)个点,判断每一个点是否在多边形内. 解法:射线法. 就是从这个点引一条射线,如果与多边形有奇数个交点,则在多边形内部. 那么只用枚举每一条边,然后 ...

  8. linq的左连接右连接内连接用法

    1.左连接: var LeftJoin = from e in ListOfEmployees join d in ListOfDepartment on e.DeptID equals d.ID i ...

  9. 在Windos上安装Nginx

    官网地址:http://nginx.org/en/download.html 1.下载 2.解压 3.启动 4.访问 打开cmd cd到nginx路径,使用命令关闭它 nginx.exe -s sto ...

  10. 调试libRTMP代码来分析RTMP协议

    RTMP是Real Time Messaging Protocol(实时消息传输协议)的首字母缩写.该协议基于TCP,是一个协议族,常用在视频直播领域.RTMP协议的默认端口是1935. 学习一个协议 ...