在AJAX下,當 Postback後,將頁面 Scroll 至 Top

在AJAX下,當 Postback後,將頁面置頂

Ajax好用,不過也會有困擾,就是當postback後,頁面會停在原本的地方,

有些時候,我們設計需要每次postback後,畫面就要回到頂端的話,

可以透過修改下列程式達成:

 

首先修改aspx

<%@ Page Title="" Language="VB" AutoEventWireup="true" CodeFile="abc.aspx.vb" Inherits="abc" %>

 

再加入下面的 client script 就ok囉!

<script type="text/javascript" language="javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoadedHandler)

    function pageLoadedHandler(sender, args) {
        window.scrollTo(0, 0);
    }
</script>