Bootstrap中的'Submit'按钮滚动到顶部

Question

我已经使用Twitter的Bootstrap框架创建了单个页面组合模板。我遇到的问题是，当我点击联系表单中的“提交”按钮时，页面一直滚动到顶部。我检查了我没有使用任何内部链接到顶部，所以我不知道为什么发生这种情况。我的意图是保持在同一页面上并向用户显示一些友好的信息。任何人都可以帮我弄清楚这个问题吗？提前致谢！

模板可以访问：

https://rawgit.com/gupta235/portfolio_template_bootstrap/master/index.html

我已提供的模板我的github页：https://github.com/gupta235/portfolio_template_bootstrap

Answer 1

形式通常送你到一个新的一页。由于您的表单全部位于一个页面中，因此发送给您的“新页面”与您之前的页面相同，因此会将您发送到该页面的第一部分，即顶部。

通过为表单提供一个动作能力，而不是将您发送到新页面或当前页面的顶部，可以阻止页面滚动到顶部，它会将您置于某处的某个ID页。

与将定位点放在页面上并给予用户单击将其带到页面的某个部分的链接的选项相同。

例如，如果你从

<form method="post"> 

改变你的形式开放代码，这不是

<form method="post" action="#error-check" id="error-check"> 

这应该带你到时候你打提交表单，而不是页面的顶部。

Answer 2

根据标准，没有action属性的表单不是表单，并且实际上会导致页面在某些浏览器中重新加载..我发现action =“javascript：void（0）;”效果很好。