纯Javascript scrollTo与动画

Question

我想隐藏我的代码以滚动动画。我查找的很多解决方案都是必须提供元素等的功能。我已经确切地知道了我需要向下滚动的数量。我只需要为它制作动画。

reactScrollTo(nextPos){
    let elem = document.getElementById('ref-'+nextPos);
    let amount = elem.offsetTop+530
    window.scrollTo(0, amount);
}

Answer 1

如果您已经在使用React，我建议您以声明方式进行滚动，而不是自己操作DOM。

查看类似react-scroll的内容。

它允许你做类似的事情：

scroll.scrollMore(100)

只需在您想要的任何生命周期事件中弹出它。

Answer 2

如果您想要窗口滚动到某个特定位置，那么可以考虑使用网址锚。
点击这里how to use url anchor

如果你试图过渡＆＃34;滚动时效果，然后考虑使用＆＃34;转换＆＃34;而不是滚动。（这更适合在元素内滚动，而不是窗口本身）