reactjs - 我们可以根据用户滚动的程度使用 ReactJS 为元素设置动画吗

Question

具体来说，我们可以使用 React 复制Apple 的 Airpod Pro 网站吗？以及表现如何？

标签： reactjsscrollfrontend

Answer 1

React 是一个允许您使用 js 创建和控制 html 的框架。它没有任何开箱即用的滚动事件动画解决方案。尽管通常很容易添加任何类型的库并将其与 react 一起使用。

在滚动期间检查要执行动画的库列表

您的选择很可能是ScrollMagic

关于性能：在滚动上添加事件总是不利于性能。但这将 100% 取决于您要实现的动画以及您将如何实现它。特别是它会影响移动设备的滚动性能。尽管有一种解决方案可能（或可能不会）帮助您解决糟糕的移动性能问题。检查关于被动事件的谷歌帖子。