Animate On Scroll in Angular, React or Vue.js

Derek Ji
1 min readMay 6, 2020

--

How to implement scroll animations without any 3rd party library

Scroll Animation

As building your amazing web site, you probably need some animations as scrolling the page. How to do it?

As an experienced developer, you might try to google angular scroll animation, or react scroll animation.

What can you see, posts from StackOverflow, or npm packages?

Forget them!

Actually, what you need is just a single one line:

html {    scroll-behavior: smooth;}

I don’t even have to provide you any examples since they are in the official document already.

Okay, I confess the title is misleading readers. But I’m pretty sure you won’t find this article if the title is not like that.

Anyway, I hope it helps. Enjoy!

--

--

Derek Ji
Derek Ji

Written by Derek Ji

Full Stack Developer (.NET | Angular)

No responses yet