CODEWITHSUNDEEP
javascriptc#asp.netwebforms
baker
baker

Reputation: 35

Scroll to the Bottom of the Page after postBack

I need to Scroll Automatically to the Bottom of the Page when I click on the button. I have found lot of solutions on the forum but it don't work for me. I tried this in Java Script :

<asp:Button  ID="btn_add_action1" runat="server" Text="Ajouter une action" onclick="btn_add_action1_Click" OnClientClick = "goToBottom()" />

With the JS function : 

window.scrollTo(0,document.body.scrollHeight);

or

document.body.scrollTop = document.body.scrollHeight;

I found this here : Scroll Automatically to the Bottom of the Page

I tried many other solution but it don't work

Upvotes: 0

Views: 3212

Answers (2)

Snack&#39;Eyes
Snack&#39;Eyes

Reputation: 125

Kindly Put MaintainScrollPositionOnPostback="true" on your Page header <%@ Page %>, it will automatically scroll where you was last time.

Upvotes: 2

VDWWD
VDWWD

Reputation: 35514

When you click the button, a PostBack is performed. That means the scrolling position will be lost. If you want to scroll to the bottom of the page you have to do it after the PostBack is done, by using ScriptManager

protected void Button1_Click(object sender, EventArgs e)
{
    //your button code

    ScriptManager.RegisterStartupScript(Page, Page.GetType(), "scrollDown", "setTimeout(function () { window.scrollTo(0,document.body.scrollHeight); }, 25);", true);
}

There is also something called MaintainScrollPositionOnPostBack, that does something similar, it goes to the same position as the button click after PostBack.

Upvotes: 5

Related Questions