Question

提交表格后，该职位将返回到窗口顶部。而不是去前一个位置。

看着使用scrolltop来记住这个位置还是你有更好的想法？

我正在使用像PHP5，jQuery和MySQL这样的东西。

Answer 1

首先在页面中创建一个锚点，您希望访问者在提交表单时访问该页面。

然后在表单操作中或使用锚点重定向指向文件

e.g。

 <div id="view_from_here" >.....

然后

 <form action="myfile.php#view_from_here" ....

Answer 2

检查出来：

<script type="text/javascript" src="der/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="der/jquery.cookie.js"></script>
<script type="text/javascript">
function get_position(){
    var top_position = document.documentElement.scrollTop;
    $.cookie('pos', top_position);
};
function set_position(){
    var top_position = $.cookie('pos');
    window.scrollTo(0,top_position)
    $.cookie('pos', null);
};  
</script>
</head>
<body onload="set_position();">
.
.
.
<form method="post" action="" onsubmit="return get_position();">
</form>

Answer 3

如果您通过Ajax向您提交表单，它将不会更改任何内容（如果您仍然重定向到同一页面，则可能是一个选项）。您还可以在提交和检索之前通过JavaScript保存Cookie中的位置，并在加载新页面时设置值（例如使用jQuery scrollTo）。或者您只需在“表单”字段上设置一个锚点（很可能是用户滚动到的最后位置），并在提交后滚动回到表单。

后退按钮滚动位置

3 个答案: