Fatal编程技术网
  • javascript/
  • Javascript 跳转到表单上的页面顶部提交到新页面

Javascript 跳转到表单上的页面顶部提交到新页面

javascript php html forms

Javascript 跳转到表单上的页面顶部提交到新页面,javascript,php,html,forms,Javascript,Php,Html,Forms,我在PHP页面上有一个表单： <form name="SendEmail01" method="post"> form items here... </form> 问题是，处理页面上的submit按钮在页面上的位置很低，当我按“submit”时，所有的处理都正确，并正确跳转到Thanke.php页面，但页面保持在同一位置，看起来就像一个空白页面（除非用户向上滚动） 我尝试过Javascript和HTML超链接，如#top，但它不会跳回页面顶部，在Thanke.p

我在PHP页面上有一个表单：

<form name="SendEmail01" method="post">
    form items here...
</form>
问题是，处理页面上的submit按钮在页面上的位置很低，当我按“submit”时，所有的处理都正确，并正确跳转到Thanke.php页面，但页面保持在同一位置，看起来就像一个空白页面（除非用户向上滚动）

我尝试过Javascript和HTML超链接，如#top，但它不会跳回页面顶部，在Thanke.php页面上，它说它已正确处理

请任何人帮助我如何让Thanke.php页面在表单处理完毕后滚动回页面顶部

编辑：我在Thanke.php页面上有这样的内容，用户在提交时会被重定向：

<html>
<head>
<script type="text/javascript">
var lockit=setInterval("window.scrollTo(0,0)",10)
</script>
<style>
form {
    display: inline;
}
input
{
color: #000000;
background: #ffffff;
border: 1px solid #000000;
padding: 4px;
font-size:13px;
font 
}
#submit {
 color: #000000;
 font-size: 13px;
 width: 110px;
 height: 30px;
 border: 1px solid #000000;
 margin: 0;
 padding: 0;
 background: #66ff66 url(image) 0 0 no-repeat; 
}
#buttons {
 color: #000000;
 font-size: 13px;
 width: 80px;
 height: 25px;
 border: 1px solid #000000;
 margin: 0;
 padding: 0;
 background: #66ff66 url(image) 0 0 no-repeat; 
}
</style>

</head>
<body>
<script type="text/javascript">
$('html, body').animate({ scrollTop: 0 }, 'fast');
</script>
<?php
session_start();
$loggedin_user = $_SESSION['serial'];
$local_path = $_SESSION['local_path'];
$full_path = $_SESSION['full_path'];
?>
<font face="Verdana, Arial, Helvetica, sans-serif" color="black">

<form action="http://<?php echo $_SERVER["SERVER_NAME"]; ?>/login.php?log_out">
    <input type="submit" value="Logout" id="buttons">
</form>
<form action="<?php echo $full_path;?>index.php">
    <input type="submit" value="Go Back" id="buttons">
</form>
<p><b>Success!</p></b>
<p>Your changes have been submitted.. 

<p>Please note that not <u>all</u> changes are made in real-time, some changes may only be updated when the server checks for new configuration.</p>

</body>
</html>


var lockit=setInterval（“window.scrollTo（0,0）”，10）
形式{
显示：内联；
}
输入
{
颜色：#000000；
背景：#ffffff；
边框：1px实心#000000；
填充：4px；
字体大小：13px；
字体
}
#提交{
颜色：#000000；
字体大小：13px；
宽度：110px；
高度：30px；
边框：1px实心#000000；
保证金：0；
填充：0；
背景：#66ff66 url（图片）0 0无重复；
}
#钮扣{
颜色：#000000；
字体大小：13px；
宽度：80px；
高度：25px；
边框：1px实心#000000；
保证金：0；
填充：0；
背景：#66ff66 url（图片）0 0无重复；
}
$（'html，body'）。动画（{scrollTop:0}，'fast'）；

我想加上这个作为一个评论，但它有点太长了

我做了这个页面：


<!DOCTYPE html>
<html>
<head>
</head>

<body>

    <p>Calibri Text</p>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <form>
        <input type="submit" />
    </form>

</body>
</html>




Calibri文本













































































































































提交时，页面跳转到顶部，并重定向到另一个页面，因此，如果jQuery中没有提供焦点的内容，就不应该出现此问题。
试试这个


$('html, body').animate({ scrollTop: 0 }, 'fast');


对此，您不需要任何
自定义div
。只要有一个简单的页面


<html>
<head>
<title>Thanks Page</title>
</head>
<body>

Well Thanks bro!

</body>
</html> 




感谢页面
谢谢你，兄弟！

Submit完全发送数据，因此您肯定不需要uri中的
#top
，就让它做吧。正如Sam提到的，它应该显示在顶部，如果不是，那么我怀疑Thanke.php页面上的HTML标记有问题。您不需要做任何事情来达到顶部。只要重定向到任何页面，它就会始终显示顶部。Thank.php页面中是否有任何输入框或jquery代码集中到该输入框？谢谢，它不会跳到顶部，只是在新页面上处于相同的高度。

<html>
<head>
<title>Thanks Page</title>
</head>
<body>

Well Thanks bro!

</body>
</html>