在div中使用Native Javascript平滑滚动

Question

假设如下：

<div class="container" style="height: 100px; overflow-y: scroll;">
   <div style="height: 50px">item</div>
   <div style="height: 50px">item</div>
   <div style="height: 50px">item</div>
</div>

现在，我读了这篇文章https://css-tricks.com/snippets/jquery/smooth-scrolling/，它解释了如何使用原生javascript进行平滑滚动，但该方法似乎只适用于窗口对象。

我想知道你们中的任何一个好人都知道如何在我的代码中对容器div使用这个方法吗？

由于

编辑：

我认为这很简单：

var container = document.querySelector('.container');
container.scroll({
   top: 100, 
   left: 0, 
   behavior: 'smooth'
})