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

Question

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

我不想在结果页面中放入一堆空格，而是希望重新调整视图。有没有办法在用户点击提交时执行此操作？

Answer 1

试试这个：

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

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

Answer 2

您可以使用 jquery ：

执行此操作

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

<强>原型：

$(element).scrollTo();

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

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

希望有所帮助

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

Answer 3

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

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