如何让我的表单从页面的顶部开始？只要单击“下一步”按钮，就会一直滚动到底部
如何让我的表单从页面的顶部开始？只要单击“下一步”按钮，就会一直滚动到底部
提问于 2019-06-11 02:55:21
我有一个有多页的表单。第一页是ok的，它从顶部开始。每当我点击“下一步”按钮，表单就会转到下一页，但它是从底部开始的，你必须向上滚动，这会让人感到厌烦。如何将窗体设置为在每次点击下一页时都从顶部开始？https://jsfiddle.net/uz5exL6j/
<form id="regForm" action="https://formspree.io/mn@gmail.com" method="POST">
<!-- <h1>Event Application</h1> -->
<!-- One "tab" for each step in the form: -->
<div class="tab">
<H3 id="subhead">CONTACT INFORMATION</H3>
<label><label id="required">*</label>Primary Contact Name:</label>
<p><input required placeholder="First Name" oninput="this.className = ''" name="First-Name"></p>
<p><input required placeholder="Last Name" oninput="this.className = ''" name="Last-Name"></p>
<p>Primary Contact Title:<input placeholder="" oninput="this.className = ''" name="Primary-Title"></p>
<p>Alternate Contact Name<input placeholder="First Name" oninput="this.className = ''" name="Alt-Contact-FName"></p>
<p><input placeholder="Last Name" oninput="this.className = ''" name="Alt-Contact-LName"></p>回答 2
Stack Overflow用户
回答已采纳
发布于 2019-06-11 02:59:07
单击下一步，添加
window.scrollTo(0,0)因此，当用户单击下一步按钮时，页面始终滚动到顶部
Stack Overflow用户
发布于 2019-06-11 03:04:17
如果将ID放在锚定标签中，则新页面会将其自身定位在该锚定标签的顶部。
例如：
<a href="my_next_page#regForm">Next</a>将导航到my_next_page.html页面，并将自身定位为页面顶部具有id="regForm"的元素。
例如，包含此答案的div的ID为：id="answer-56532070"
点击下面的链接，看看新页面是如何定位的，并在页面顶部显示以下答案：
(首先将鼠标悬停在链接上，然后观察浏览器左下角的完整链接)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56532021
复制相关文章
相似问题
腾讯云开发者
