如何避免每次回發后頁面跳動？

Question

我正在使用UpdatePanel，並且在每個onTextChanged觸發器之后，表單都會自動保存。 但是，頁面一直到頂部。 如何將頁面保持在焦點所在的位置？

我目前正在使用MaintainScrollPositionOnPostback="true"但無法正常工作：

<%@ Page Title="Welcome" Language="C#" MasterPageFile="account-master.master" 
        AutoEventWireup="true" 
        CodeFile="Welcome.aspx.cs" 
        Inherits="Welcome"  
        MaintainScrollPositionOnPostback="true" 
    %>

我使用以下javascript代碼解決了此問題：

'window.onscroll = function () {
        var scrollY = document.body.scrollTop;
        if (scrollY == 0) {
            if (window.pageYOffset) {
                scrollY = window.pageYOffset;
            }
            else {
                scrollY = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
            }
        }
        if (scrollY > 0) {
            var input = document.getElementById("scrollY");
            if (input == null) {
                input = document.createElement("input");
                input.setAttribute("type", "hidden");
                input.setAttribute("id", "scrollY");
                input.setAttribute("name", "scrollY");
                document.forms[0].appendChild(input);
            }
            input.value = scrollY;
        }
    };'

Answer 1

這似乎有效。 在windowload上運行

window.onload = function () {
        var scrollY = parseInt('<%=Request.Form["scrollY"] %>');             
        if (!isNaN(scrollY)) {
            window.scrollTo(0, scrollY);
        }
    };
    window.onscroll = function () {
        var scrollY = document.body.scrollTop;
        if (scrollY == 0) {
            if (window.pageYOffset) {
                scrollY = window.pageYOffset;
            }
            else {
                scrollY = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
            }
        }
        if (scrollY > 0) {
            var input = document.getElementById("scrollY");
            if (input == null) {
                input = document.createElement("input");
                input.setAttribute("type", "hidden");
                input.setAttribute("id", "scrollY");
                input.setAttribute("name", "scrollY");
                document.forms[0].appendChild(input);
            }
            input.value = scrollY;
        }
    };