回发后滚动到页面底部

Question

单击按钮时，我需要自动滚动到页面底部。我在论坛上找到了很多解决方案，但对我不起作用。我在 Java Script 中试过这个：

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

使用 JS 函数：

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

或者

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

我在这里找到了这个：自动滚动到页面底部

我尝试了许多其他解决方案但它不起作用

Answer 1

当您单击该按钮时，将执行回发。这意味着滚动位置将丢失。如果要滚动到页面底部，则必须在回发完成后使用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);
}

还有一个叫做 的MaintainScrollPositionOnPostBack东西，它做类似的事情，它在回发后与按钮点击相同的位置。