Animate On Scroll - Add CSS Animations On Page Scroll using jQuery on Website 

➡️ Source Code Link: www.thapatechnical.com/2019/08/how-to-get-source-code.html ➡️ Follow me on Instagram: instagram.com/vinodthapa55/ Must Watch Videos For Web Development. ➡️ HTML in One Video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pN7BFLfSjFw.html ➡️ CSS in One video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hkQv0NIxKQY.html ➡️ CSS FlexBox in 30 Minutes: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6L-PAmZajfA.html ➡️ JavaScript in One video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PODgPW-hbfU.html ➡️ ECMAScript 6 in One Video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Iek4DtRobLA.html ➡️ HTML5 in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4V0-YpO-KZo.html ➡️ CSS3 in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TFrFx7H5ZI8.html ➡️ Bootstrap4 in One video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yZnNnvXO8HI.html ➡️ Jquery in One video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PNvyPEQ0y-I.html ➡️ JSON in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bMqevPKAPD4.html ➡️ ReactJS in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-43IbFDSVdB0.html ➡️ PHP in One Video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3024Kc6SDJ0.html ➡️ NodeJS in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ipnWAKoiBtY.html ➡️ MySQL in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5bFxbwjN-Gk.html DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :) My Siter RU-vid Channel Link: ru-vid.com/show-UCEst... Plz Subscribe with all your friends :) Thank You. click on the link below to watch web developer courses videos HTML in One Video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pN7BFLfSjFw.html CSS in One Video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hkQv0NIxKQY.html Javascript tutorial in one video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PODgPW-hbfU.html PHP in One Video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3024Kc6SDJ0.html DAtabase and PHP Together for read, create, update, delete: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-y5mBHPtEO5w.html How to create a website like carbon health: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-W21rnDn8L9U.html How to create a website: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yfYch-HerV4.html Tools I used to record videos 1: Dell Inspiron 15 5570 2018 15.6-inch FHD Laptop (8th Gen Core i3-8130/4GB + 16GB Optane Memory/1TB/Windows 10): amzn.to/2DErOoG 2: Wright WR 800 Condenser Microphone with Free USB Sound Card: amzn.to/2TjRUmc 3: Wright Wp 101 Pop Filter For Dynamic Condenser Microphone Voice Recording: amzn.to/2B67lro 4: AmazonBasics Ventilated Laptop Stand (Black): amzn.to/2DDs1Zd 5: Generic NB-35 Professional Recording Microphone Stand: amzn.to/2HBDbC1 6: JBL T160 in-Ear Headphones with Mic (Black): amzn.to/2HwbJp0 7: AmazonBasics Braided HDMI Cable - 6-Feet: amzn.to/2TkCTkc Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines. Don't Forget to Follow me on all Social Network, Website Link: www.thapatechnical.com Instagram Link: instagram.com/vinodthapa55 Facebook Link: facebook.com/vinodthapa55 Twitter Link: twitter.com/vb55thapa Facebook ThapaTechnical Page Link: facebook.com/vinodbahadur...

thank you sir . to be honest if found my question in this video. i appreciate your tutorials. lots of love from Pakistan .

A beginner developer must be love your every tutorial brother

Buddy Great Work!!You really Help New developers to learn a lot ,and get familiar with new tips and tricksss..

Thank you so much sir.it is really help to me.and your idea outstanding I respect you boss.first time commitment your Chanel from Bangladesh 👍👍

Really Helpful Bro! ThankYou So much. Appreciated. Love From Pakistan.

boom guys thekhe guys boom naihuwa . funny part bro . Really helpful video bro thnks.

Very humble explanation. Thanks.

Brilliant content, thanks for making life simpler

Thank u so much sir......i have done this on my website ....love from pakistan

Thanks lot for this video❤❤❤

hi i am seen your video and use a method but my web page is not animate to on scroll . any other option please answer me.

Thxx bro u are heart ❤ of web developer

Aap toh bohot aache ho *AAP CSS AND JAVASCRIPT DONO PER VIDEO BANA RAHE HO* MERE AAPSE YE REQUEST HE KI PLEASE JAVASCRIPT PER NEXT VIDEO RAKHNA …

keya banda hea re vai :)

will this work on the latest version of animate.css cz latest versiion is using animate__animated class. and it isn't working

Amazing video

Thanks for sharing. Kindly give lecture on Parallax animations.

Bahot badiya sir

Awesome

Thanks bro

Thanks you so much boss

bohut bolte ho, bhai. orna nice video ...

Thank you

Nice tutorial

bhai mai sahi me ye sikhna chahta tha animate on scroll... thanks for making

nice and so helpfull videos

love u bro..from pakistan

Your videos is awesome 👏🏻👏🏻

Sir I don't know why but the new version of animate.css i.e 4th version is not working by this way. Can you please help me sir

Badiya video hain thapa bhaisahab. ek help karoge bhai? webpage ka back-end easily bananey par koi video lao please. matlab kisi list se search karna, then suppose koi admin panel hain usme input daal k database pe save karna, then wahi data agar doosra kisi webpage pe show karna pe to kaise karenge aise videos laao yaar. matlab web development k samay jo jo backend features client ko chahiye hi chahiye wo sab ek video pe kar k dikhao bhai bohot abhaari rahunga bhai

hello sir... I did what you said in video but it's not working.. can you please help

Mai apke suggestions ka wait kr rha

i have a laptop in which it have 2gb ram, when i open my website my site got hanged is this because of ram?? My laptop is of asus brand

Thank you so mch sir for this awesome tutorial but sir when I am using it in div the div is getting invisible can u help to fix it?

Sir " I Card " mein jquery ka link nhi h kisi ko problem ho sakti hai

Hi @ThapaTechnical, I am trying this on my webpage but this is not working at my end please help me. TIA.

Ap konse software pr coding krte hai ?

Website king 👑👑

Sir but muze bina page ko refresh kiye he bar chahiye to ky kru??

sir I applied this code but not working and not getting errors also

Is this responsive website?

" animate on scroll '" jyada easy hai sirf data ki value hi deni padegi

Yaar Meri yahi request thi thanks very very thanks

Bhai please react pr or videos bnao nd react native pr bhi using firebase

Ee sb video ko playlist me dala kro yhi to dhundh rhe the...

web page refresh karte hi on the spot image zoomIn kaise hogi

bro it isn't working.. showing $ is not defined and showing some errors in console.. Please help.

Is it possible without library

Why you don't teach such type of things in pure JavaScript. For animate on scroll you can use IntersectionObserver🙄

Animation try kiya ho nahi raha

hello sir i look all of videos and this is the best videos for learning but one question from everybody think for this how to remember codes how to memorize codes after looking your video this is problem so can you make a video for this problem sir defiantly maximum learner has this problem so please solve this prblem and make a video for fast coding thanku sirji

Bhai mere toh exact code likhny paar image disappear hogayi aur wo show nahi horai hai even that main ny offset 2% bhi kardiya phir bhi. iski ab kiya wajha hai koi pata nahi aur mera apki vedio dekhne main aisa laag raha hai jesy time hei waste hogya ho

Sir ji , mera zoomIn hone ke baad image chlla jaata h

Guys use AOS for animaton

Sir me bca sem 1 me study karta hu or muje 3 year me laravel shikhna he to me Kya karu plz help???????

not work this code..?

Hello sir actually meine ek website bnaya tha for practice purpose and I used these animation but animation nhi ho raha h . opacity 0 pr hidden ho raha h and opacity 1 kiya but animation nhi ho raha h so pls sir tell me solutions

video starts from 5:47 ......

College pr bhi website banaiye like on college library

skip starting 40sec in every video

animation is not working on scroll.

🥰🥰🥰😁😁

Vue. Js pr bhi videos banaiye

Sir mujhe apsee sakhna ha apka koyi institute ha too bataoo sir plzz

Please suggest me sir

Use "Atom" to code instead of "Sublime Text 3" :)

Please, do a subtitle on video

Vinod sir... ap fron end developer bana k choroge mughe

Es website me about us and contact us page ko kaise bnaeye for complete website

Animate hora hai but animate hokar wapis opacity 0 hoja raha hai, image ka

not working for me :/

Sir ye Mera work Nahi Kar Raha h help me plz sir

bhai apane class ka reference liya toh wo pura kyu nhai liya..???

Create video on google pay integration

Sir work nii kr rha

use less code know bec it nor run know while screen down

Hello

How many of you facing the problem.. On console ..Like "cannot read property 'each'undefined" at jquery.waypoints.js.

nhi horha

Video starts at 6.10

Last video wali wo responsible nhi h bhqi

*Bhai image zoomIn Ho Raha hai, fir image return gayab Ho ja rha hai*

Sir front web deloper ke liye job kaise milegi

make videos in Neali🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵

first like and comment

Helpful. But you are talking so much. This is very annoying.

Bhai knowledge Hain tmhare paas but time waste bhut krte ho.. show off kam kro aur kaam jyada ..

sir owl ka use kese karte h pls espe bhi video bano sir g