纯Javascript动画滚动

纯Javascript动画滚动,javascript,reactjs,scrollto,Javascript,Reactjs,Scrollto,我想把我的代码转换成动画滚动。我查找的很多解决方案都是必须提供元素的函数,等等。我已经确切地知道需要向下滚动的数量。我只需要给它制作动画 reactScrollTo(nextPos){ let elem = document.getElementById('ref-'+nextPos); let amount = elem.offsetTop+530 window.scrollTo(0, amount); } 如果您已经在使用React,我建议您以声明的方式进行滚动,而

我想把我的代码转换成动画滚动。我查找的很多解决方案都是必须提供元素的函数,等等。我已经确切地知道需要向下滚动的数量。我只需要给它制作动画

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

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

看看类似的东西

它允许您执行以下操作:

scroll.scrollMore(100)

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

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

看看类似的东西

它允许您执行以下操作:

scroll.scrollMore(100)

只要在你想要的生命周期事件中弹出它。

< P>如果你想在某个特定位置做<强>窗口滚动< /强>,那么可以考虑使用URL锚。
点击这里

如果在滚动时尝试具有“转换”效果,那么考虑使用“转换”代替滚动(这更适合在元素内滚动,而不是窗口本身)。
>/p>< p>如果你想在某个特定位置做<强>窗口滚动< /强>,那么可以考虑使用URL锚。
点击这里

如果在滚动时尝试具有“转换”效果,那么考虑使用“转换”代替滚动(这更适合在元素内滚动,而不是窗口本身)。