asp.net页面刷新或者回发后DIV的滚动条位置不变!(转)
2015-03-24 23:47
816 查看
源文件:http://www.cnblogs.com/nyth/archive/2011/06/10/2077868.html
当把数据放在div里面,然后给div设置Scroll显示,在页面刷新后或者是处理了某个按钮的事件,这个时候div的滚动轴就会又回到起始位置,但事实上得把数据还记录到刷新前的位置!
经过思考,以及网上查询信息,得到解决办法:
Js部分:
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的滚动条位置不变!(已解决)
- asp.net页面刷新后的滚动条位置不变
- asp.net页面刷新后的滚动条位置不变
- asp.net页面刷新后的滚动条位置不变
- 页面刷新或者回发后DIV的滚动条位置不变!
- ASP.NET页面刷新后滚动条保留在刷新前的位置 MaintainScrollPositionOnPostback
- 刷新后保持页面滚动条位置(ASP.NET VS Javascript)
- Asp.net 在刷新或提交页面后保持滚动条的位置
- 页面刷新/回传后页面保持滚动条位置 asp.net / JS
- .刷新/回传后页面保持滚动条位置 asp.net / JS
- ASP.NET页面刷新后滚动条保留在刷新前的位置 MaintainScrollPositionOnPostback
- Asp.net保持页面滚动条位置(页面提交后不变)
- Asp.net 在刷新或提交页面后保持滚动条的位置
- Asp.net 在刷新或提交页面后保持滚动条的位置
- 在asp.net页面刷新之后,保持滚动条位置的方法!
- 解决ASP.NET回传后div滚动条位置复位的问题
- Asp.net l利用Div控制页面滚动条
- 如何在ASP.NET中PostBack后保持页面的位置(滚动条位置)
- 网页刷新或者重新加载后滚动条的位置不变