React js简单的滚动动画

Question

我在 React.js 中寻找简单的滚动动画 我有 jquery 中的代码，如下所示

$(elem).stop().animate({
scrollTop: 500}, '500', 'swing')

我在React.js中看到类似的东西

Answer 1

React和jQuery是完全不同的东西，其中一个并不意味着替代另一个的功能。在React中没有相当于jQuery的动画。

使用jQuery，因为你已经在React之上（尽管使用React时的替代DOM操作可能不是一个好主意）或者使用vanilla JS scrollTop和CSS动画。

MDN article on vanilla JS scrollTop

Animate.css may be good for more complex CSS animations like swing