0

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

baker
  • 35
  • 1
  • 9
  • do you really need a asp button? try normal html button. now page will postback while click on this button. – Arun Raj Jul 18 '17 at 06:11
  • Possible duplicate of [onClick go to the bottom of page using jQuery .animate](https://stackoverflow.com/questions/11188584/onclick-go-to-the-bottom-of-page-using-jquery-animate) – ReadyFreddy Jul 18 '17 at 06:13
  • I realy need a asp button because it is associated with this function btn_add_action1_Click who execute an sql query... – baker Jul 18 '17 at 06:14

2 Answers2

5

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.

VDWWD
  • 35,079
  • 22
  • 62
  • 79
  • IT WORK ! Thank you so much, it was exacltly what I needed and I understand the problem with the PostBack it's logic... – baker Jul 18 '17 at 06:26
2

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

Snack'Eyes
  • 125
  • 7