在框架中提交表单后如何使浏览器滚动到顶部答案

【问题标题】：How can I make the browser scroll to the top after submitting a form in a frame在框架中提交表单后如何使浏览器滚动到顶部
【发布时间】：2009-05-12 23:43:28
【问题描述】：

我有一个带有 iframe 的页面。在 iframe 中是针对该框架的表单。提交按钮在底部附近，但结果页面很短并且显示在顶部。因此，当用户点击提交时，表单会消失，但他们看不到结果，因为它们向下滚动得太远了。

我希望重新调整视图，而不是仅仅在结果页面中放置一堆空白。当用户点击提交时，有没有办法做到这一点？

【问题讨论】：

标签： html iframe

【解决方案1】：

试试这个：

<form onsubmit="parent.scrollTo(0, 0); return true"> ...

我不知道跨浏览器的兼容性如何。

【讨论】：

似乎工作得很好。谁能评论一下是否存在兼容性问题？

【解决方案2】：

您可以使用 jquery 做到这一点：

http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12

原型：

$(element).scrollTo();

http://www.prototypejs.org/api/element/scrollto

您只需要访问 iframe 中的元素。

希望有帮助

编辑：因为它是库，您将避免跨浏览器/兼容性问题

【讨论】：

【解决方案3】：

在表单提交时调用如下 javascript 函数：

function ScrollTop(){
        if (document.all){
        document.body.scrollLeft = 0;
        document.body.scrollTop = 0;
        }
    else{
        window.pageXOffset = 0;
        window.pageYOffset = 0;
        }
}

【讨论】：