使用更新面板和母版页提交表单后设置 javascript ScrollTo

Question

我在更新面板中有一个带有提交功能的表单。

为了测试它，我使用了警报，这工作正常。我提交表单并弹出警报。所以代码是有效的。

protected void SendProfileForm_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), 
    "ScrollTo", "alert('test');", true);
}

现在我把它改成这个，它什么都不做。

protected void SendProfileForm_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), 
    "ScrollTo", "window.scrollTo(0, 500);", true);
}

如果我使用此代码执行 onclientclick window.scrollTo(0, 500);然后它正在工作。所以这个 javascript 代码是有效的。

我做错了什么。

Answer 1

由于您发布的是异步调用，因此您必须使用ScriptManager 客户端 API：

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(MyScrollTo);

这将在每次页面加载时触发 function。所以你需要为这项工作编写一些逻辑：

var needScroll;

function MyScrollTo(){
     if(needScroll){
        window.scrollTo(0,500);
     }
}

所以你的服务器端代码需要设置needScroll变量：

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), 
    "ScrollTo", "var needScroll = true;", true);

如果您想了解更多关于 ScriptManager 客户端 API 的信息，请查看 here。