Question

尝试滚动到按钮上的下一个按钮点击：

单击标题时有效，但单击时则无效这是代码：https://codepen.io/anon/pen/YQyNyw

任何想法？

我遇到问题的特殊部分：

以下是工作示例https://codepen.io/benelliott/pen/beBPyJ - 我需要按钮而不是输入。

Answer 1

问题来自于表单中的按钮是未知类型。我相信这个表格是默认他们提交＆＃34;提交＆＃34;导致有趣行为的按钮（会喜欢另外的答案/评论解释这一点，我现在没时间研究它）。

虽然容易修复。只需添加type =＆＃34;按钮＆＃34;每个按钮和您的codepen工作：https://codepen.io/hyrumwhite/pen/WOQRzK

<div class="wrapper">
<form class="form" action="">
  <div class="field">
    <label>First name</label>
    <button type="button"> test</button> 
  </div>
  <div class="field">
    <label>Last name</label>
    <button type="button"> test</button> 
  </div>
  <div class="field">
    <label>Telephone</label>
    <button type="button"> test</button> 
  </div>
  <div class="field">
    <label>Email</label>
    <button type="button"> test</button> 
  </div>
</form>
</div>

滚动下一个按钮

1 个答案: