Javascript 滚动下一步按钮

尝试在按钮单击时滚动到下一个按钮：

它在你点击标题时起作用，但在你点击标题时不起作用 以下是代码：

有什么想法吗

我遇到问题的特定部分：

let activeIndex = 0; let scrollTopPadding = -100; let wrapper; let fields;


$(document).ready(() => {   wrapper = $('.wrapper');   fields = $('.field');    fields.click(function() {
    scrollToActiveField(this);   });
     let inputs = $('.field button');
     inputs.click(function(){
    scrollToActiveField($(this).parent());   });   inputs.click(function(event) { // enter
        let nextInputIndex = inputs.index(this) + 1;
        if (nextInputIndex < inputs.length) {
          inputs.eq(nextInputIndex).focus();
        }
         });
     setActiveTab(); });

让activeIndex=0；让我们加上=-100；让包装纸；让田野；
$（document）.ready（（）=>{wrapper=$（'.wrapper'）；fields=$（'.field'）；fields.click（函数（）{
滚动至激活字段（此）；}）；
让输入=$（“.field按钮”）；
输入。单击（函数（）{
滚动到活动字段（$（this.parent（））；}）；输入。单击（函数（事件）{//输入
设nextInputIndex=inputs.index（this）+1；
if（nextInputIndex

---

这里是一个工作示例-我需要按钮而不是输入

问题源于表单中的按钮类型未知。我相信表单默认为一个“提交”按钮，这会导致有趣的行为（希望有更多的答案/评论来解释这一点，我现在没有时间研究它）

不过很容易解决。只需将type=“button”添加到每个按钮，您的代码笔即可工作：

名字
试验
姓
试验
电话
试验
电子邮件
试验

谢谢！但有一个问题——似乎它不仅仅在第一次点击时起作用，你知道为什么吗？另外，如果您不介意解释为什么我们需要添加类型？实际上，当您单击“下一步”按钮时，它似乎可以工作。。。但它不会滚动到下一个：（这是一个工作示例-我需要的不是输入按钮。

<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>