页面刷新或者回发后DIV的滚动条位置不变！

最新推荐文章于 2023-09-11 19:06:33 发布

zhangzhaoxin555

最新推荐文章于 2023-09-11 19:06:33 发布

阅读量6.2k

点赞数

文章标签： div scroll button server function object

当把数据放在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 οnlοad="ScrollToSelectNode()">    
    <form id="Form1" runat="server" οnsubmit="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;    
 }

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

转自：http://www.cnblogs.com/nyth/archive/2011/06/10/2077868.html

zhangzhaoxin555

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
页面刷新或者回发后DIV的滚动条位置不变！

当把数据放在div里面，然后给div设置Scroll显示，在页面刷新后或者是处理了某个按钮的事件，这个时候div的滚动轴就会又回到起始位置，但想把滚动条记录到刷新前的位置！经过思考，以及网上查询信息，得到解决办法：Js部分： //刷新时滚动条保留位置 function ScrollToSelectNode() {
复制链接

扫一扫