滚动元素是一个设置了CSS样式为overflowauto的div标签我想实现点击某个按钮就能滚动到该div标签的顶端用JavaScript怎么写

可以使用Element的scrollIntoView方法来实现滚动到顶端的效果。具体代码如下：

HTML代码：

<button onclick="scrollToTop()">滚动到顶部</button>

<div id="scrollable" style="height: 200px; overflow: auto;">
  <p>第一行</p>
  <p>第二行</p>
  <p>第三行</p>
  <p>第四行</p>
  <p>第五行</p>
  <p>第六行</p>
  <p>第七行</p>
  <p>第八行</p>
  <p>第九行</p>
  <p>第十行</p>
</div>

JavaScript代码：

function scrollToTop() {
  var scrollable = document.getElementById("scrollable");
  scrollable.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
}

在这个例子中，我们给按钮绑定了一个点击事件，当点击按钮时，就会执行scrollToTop函数。该函数会获取id为“scrollable”的div元素，然后通过调用scrollIntoView方法来实现滚动到顶部的效果。scrollIntoView方法接受一个options对象作为参数，我们在这里指定了behavior为“smooth”，这样可以使滚动过程更加平滑。block和inline指定了滚动到视口的哪个位置，这里我们指定为“start”，表示滚动到视口顶部。