CODEWITHSUNDEEP
javascriptasp.netupdatepanel
user1107973
user1107973

Reputation: 43

Javascript scrollIntoView is not working with the update panel

I have an update panel in which there is a grid view. In the gridview there are many links. And I have an update progress to indicate that the page is loading on click of any of these links in the gridview. Some times the data in the gridview is so huge that the i have to scroll till bottom and if i click on a link from the bottom, i'll not be able to see the update progress as it is being shown on the top of the page. So tried to work with javascript scroll into view method. But it is not working. Could any one please suggest an alternative for this or any idea to fix the problem.

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

Below is the javascript used.

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

Upvotes: 0

Views: 1117

Answers (1)

Johnny_D
Johnny_D

Reputation: 4652

Try Page property

 MaintainScrollPositionOnPostback="True"

Upvotes: 1

Related Questions