[react] 如何用React实现滚动动画？

Posted 前端小歌谣

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[react] 如何用React实现滚动动画？相关的知识，希望对你有一定的参考价值。

[react] 如何用React实现滚动动画？

简单的用CssTransitionGroup插件 ，想自己搞就 用css3 动画结束后执行，setState，滚动用
requestAnimFrame 效果更佳。点击事件内增加 位置判断，没到就 requestAnimFrame，到了就 setState

 个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论







主目录

与歌谣一起通关前端面试题

以上是关于[react] 如何用React实现滚动动画？的主要内容，如果未能解决你的问题，请参考以下文章

如何为 React Router SPA 实现滚动恢复

如何用react实现仿QQ空间拖拽模块

React+React Router+React-Transition-Group实现页面左右滑动+滚动位置记忆

使用水平滚动处理 React 动画

在 React 中处理滚动动画

用react实现虚拟滚动组件