zoukankan      html  css  js  c++  java
  • 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; 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;
    }

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

  • 相关阅读:
    [转载]Centos7.x下环境搭建(一)--yum方式安装mysql5.7
    树上分治
    [SPOJ2666]QTREE4
    [SPOJ375]QTREE
    [SPOJ1825]FTOUR2
    [POJ1741]Tree
    [LG-P5350]序列
    [COCI 2014/2015 #3]KAMIONI
    [SHOI2014]神奇化合物
    [GXOI/GZOI2019]旧词
  • 原文地址:https://www.cnblogs.com/nyth/p/2077868.html
Copyright © 2011-2022 走看看