react 实现滚动加载_在React中实现平滑滚动

react 实现滚动加载

Smooth Scrolling, dont know what it is? Well, instead of clicking on a button and being instantly taken to a different part of the (same) page, the user is navigated there via a scroll animation. It's one of those subtle features on a site that makes an incredible difference in terms of aesthetics. I personally just implemented this on one of my personal sites because I love the look and feel it provides to the user.

平滑滚动，不知道它是什么？ 好吧，不是单击按钮并立即转到（相同）页面的不同部分，而是通过滚动动画在此导航用户。 它是网站上那些微妙的功能之一，在美观方面产生了难以置信的变化。 我个人只是在我的一个个人网站上实现了此功能，因为我喜欢它为用户提供的外观。

That said, even though smooth scrolling might be subtle, it can be a bit tricky to implement yourself. Because of that, in this article, we are going to use the react-scroll package on NPM.

就是说，尽管平滑滚动可能很微妙，但实现自己可能有些棘手。 因此，在本文