javascript - 通过 onClick 触发时，scrollIntoView 不起作用

Question

我有一个按钮，单击该按钮应向下滚动页面以满足 div。我在 JavaScript 中创建了一个 scrollIntoView 函数，并通过 onClick 将它链接到按钮（一个标签）。onClick 正在工作，因为它会触发 console.log，但不会触发滚动事件。
这是代码、HTML 和 JavaScript。HTML

<div class="arrowContainer">
      <a type="button" onClick="move();" id="arrowBtn" data-scroll href="#">
            <div class="arrow"></div>
      </a>
</div>

JavaScript

function move() {
    document.querySelector('.experience').scrollIntoView({
        behavior: 'smooth'
    });
    console.log('Is it working?')
};

因此，由于我注意到 onClick 没有触发滚动，所以我在函数下方添加了 move() ，并且当页面重新加载时，滚动函数 + console.log 正常工作。我不知道我做了什么来阻止它正常工作。
任何帮助将非常感激。由于我是 JavaScript 新手，因此它可能非常明显。

标签： javascripthtmljquery