頁面刷新時讓滾動條不變

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        var top = 0;
        $(function () {
            ScrollDiv();
        });
        function AutoPosition() {
            $("div#Container").scrollTop(top);
            ScrollDiv();
        }
        function ScrollDiv() {
            $("div#Container").scroll(function () {
                top = $("div#Container").scrollTop();
            });
        }
    </script>

<div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    </div>
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
            <ContentTemplate>
                    <div  style="overflow:scroll;height:100px;width:500px" id="Container" >
                        <asp:TreeView ID="TreeView1" runat="server">
                        <Nodes>
                        <asp:TreeNode Text="World">
                              <asp:TreeNode Text="China">
                                     <asp:TreeNode Text="SH"></asp:TreeNode>
                              </asp:TreeNode>
                              <asp:TreeNode Text="USA">
                                    <asp:TreeNode Text="Log"></asp:TreeNode>
                              </asp:TreeNode>
                               <asp:TreeNode Text="English">
                                    <asp:TreeNode Text="English"></asp:TreeNode>
                              </asp:TreeNode>
                               <asp:TreeNode Text="China">
                                     <asp:TreeNode Text="SH"></asp:TreeNode>
                              </asp:TreeNode>
                              <asp:TreeNode Text="USA">
                                    <asp:TreeNode Text="Log"></asp:TreeNode>
                              </asp:TreeNode>
                               <asp:TreeNode Text="English">
                                    <asp:TreeNode Text="English"></asp:TreeNode>
                              </asp:TreeNode>
                        </asp:TreeNode>
                        </Nodes>
                        </asp:TreeView>
                    </div>
                    <div>
                                        <asp:Timer ID="Timer1" runat="server" Enabled="true" Interval="2000"
                            ontick="Timer1_Tick" >
                        </asp:Timer>
                    </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
        </div>

<script> setInterval("AutoPosition()", 20);</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章