asp.net頁面刷新或者回發後DIV的滾動條位置不變！（轉）

時間 2020-07-10

標籤 asp.net asp 頁面刷新或者 div 滾動條位置不變欄目 ASP 简体版

原文原文鏈接

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

當把數據放在div裏面，而後給div設置Scroll顯示，在頁面刷新後或者是處理了某個按鈕的事件，這個時候div的滾動軸就會又回到起始位置，但事實上得把數據還記錄到刷新前的位置！html

通過思考，以及網上查詢信息，獲得解決辦法：java

Js部分：spa

<script type="text/javascript">
        //刷新時滾動條保留位置
        function ScrollToSelectNode() {
            document.getElementById("left").scrollTop = "<%=ScrollValue%>";
        }
        function bindData() {
            document.getElementById("divScrollValue").value = document.getElementById("left").scrollTop;
        }
</script>

HTML部分：code

<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>

後臺代碼：orm

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

主要就是用一個隱藏域記錄當前滾動條位置，當刷新時讀取這個記錄，讓它回到之前的位置！server