IMP - Website Development in Hindi #25:  Add Animation on Number on Scrolling
Channel: Thapa Technical
Date: 15/04/2022

Welcome guys, Today in this video  we are going to add animation on number on scrolling. 

So for achieving animation on scrolling we will use Intersection observer API.

What is Intersection observer  API?

The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.

Now, We will use the intersection observer API and then we will fetch the entires.after then we will apply the logic, if it is true then the function will trigger otherwise not. 


Reference link for Animated number section  video: https://youtu.be/PeeZWyOArtU


👉 Website Development Course Playlist: https://youtube.com/playlist?list=PLwGdqUZWnOp2jmYb2TQGYgBYp0xGwj9V1

♥ Free Source Code & Discord Server Link: https://www.thapatechnical.com/2022/03/web-development-course-in-hindi-in-2022.html

😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical


00:00 Introduction 
01:24 Using Intersection observer 
04:05 Getting entries 
6:24 Logic for triggering the section on seeing
07:05 Implementing the  logic 
09:06 Giving command to trigger once 
10:10 Conclusion 
10:22 Outro