如何在React网站中实现此滚动动画？

Question

我目前正在建立一个React网站，我想知道如何实现滚动动画？ 当您向下滚动时，尤其是“纸张即将出现”动画。

网站参考：Scrolling animation

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

Answer 1

您可以通过使用ref来实现此目的：

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

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