javascript - 如何在 React 网站中实现这种滚动动画？

Question

我目前正在建立一个反应网站，我想知道如何实现这个滚动动画？尤其是向下滚动时的“纸张出现”动画。

网站参考：滚动动画

任何帮助将不胜感激，谢谢。

标签： javascriptreactjsanimationscrollweb

Answer 1

您可以通过使用 ref 来实现这一点：

this.image.scrollIntoView({block: 'end', behavior: 'smooth'});

注意：this.image 是您要滚动到的参考。