如何使用onsroll事件触发平滑滚动？

Question

过去几周，我一直试图让我的网站像这页see here一样滚动。我的所有研究都只显示了使用锚点执行此操作的方法，但我不希望此事件在单击按钮时起作用。我希望这样做，就像我提供的页面一样，滚动事件。

我试过这个：

render() {
    var scrollPos = 0
    window.addEventListener('scroll', () => {
      scrollPos = window.scrollTop
      let height = window.screen.availHeight
      let lastScrollPos = scrollPos
      if (lastScrollPos >= scrollPos) {window.scrollBy(0, height)} else {window.scrollBy(0, -height)}
    })

这似乎只会让我的滚动条卡住。有没有人知道如何做到这一点？也许通过反应包，但我想知道如何自己创造这种效果。