Javascript scrollIntoView无法使用更新面板

时间:2012-05-16 12:33:04

标签: javascript asp.net updatepanel

我有一个更新面板,其中有一个网格视图。在gridview中有许多链接。我有一个更新进度,表明在网格视图中单击任何这些链接时加载页面。有时候gridview中的数据是如此巨大,以至于我必须滚动到底部,如果我点击底部的链接,我将无法看到更新进度,因为它显示在顶部页。所以尝试使用javascript滚动到view方法。但它没有用。任何人都可以建议替代这个或任何想法来解决问题。

<div onload='dynamicScrollIntoView()'>
    <asp:UpdateProgress ID="progress" runat="server" AssociatedUpdatePanelID="updMain">
        <ProgressTemplate>
            <img id="imgPleaseWait" src='<%= Page.ResolveClientUrl ("~/Common/Images/progressIndicator.gif")%>'
            alt="Please wait..." />
        </ProgressTemplate>
    </asp:UpdateProgress>
</div>

以下是使用的javascript。

<script type="text/javascript">
function dynamicScrollIntoView() {
    debugger;
    var updProgress = document.getElementById('<%= progress.ClientID %>');
    if (updProgress != null && updProgress != undefined) {
        updProgress.scrollIntoView(true);
    }
}
</script>

1 个答案:

答案 0 :(得分:1)

尝试页面属性

 MaintainScrollPositionOnPostback="True"