javascript - 单击按钮时更新面板并滚动到顶部

Question

我有以下设置:

更新面板 -> 多 View -> 3 个 View

当我点击其中一个 View 中的按钮时，它应该转到下一个 View 并缓慢滚动到顶部。

目前我一直在尝试以下方法，但没有一个奏效(甚至没有快速滚动 - 它仍然在 mock 我 ;-)):

protected void PartOneContinue_Click(object sender, EventArgs e)
{
    CheckoutFlow.SetActiveView(PaymentMethodView);
    ScriptManager.RegisterStartupScript(this, this.GetType(), "myscript", "<script>scrollTo(0,0);</script>", true);
}

以及以下内容:

ScriptManager.RegisterStartupScript(this, this.GetType(), "myscript", "<script>$(window).scrollTop(100);</script>", true);

下面的 ScrollToTop 是一个函数，上面有两个不同的脚本:

ClientScriptManager cs = Page.ClientScript;       
cs.RegisterStartupScript(this.GetType(), "ScrollToTop", "ScrollToTop()");

任何想法将不胜感激。

Answer 1

试试这个方法

    private void SubirTelaTopo()
    {
        StringBuilder csText = new StringBuilder();
        csText.Append("$('body,html').animate({ scrollTop: 0 }, 500);");
        ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), Guid.NewGuid().ToString(), csText.ToString(), true);
    }