asp.net页面刷新或者回发后DIV的滚动条位置不变!(已解决)

当把数据放在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;
}

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

转载于:https://www.cnblogs.com/nyth/archive/2011/06/10/2077868.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值