Website Development in Hindi #19: Adding Smooth Scrolling Effects on our Website
Channel: Thapa Technical
Date: 2022-04-09

Welcome guys, Today in this video  we are going to add smooth scrolling effects to our website. 

What is smooth scrolling CSS?
The scroll-behavior property specifies whether to smoothly animate the scroll position, instead of a straight jump, when the user clicks on a link within a scrollable box.

In this video we will will seen two different ways to implement smooth scrolling effect. 

In first way, We will  pass an id to particular section that we want but the id should be same and then we will add smooth scrolling behavior using css.
But the only downside of using the first way is that it is supported in safari browser.

So for that we have second way is, by using javascript code but here id shouldn't be same in the link and the section, after that we will able to  give scrolling effect even in safari browser. 

👉 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 
00:19 What we had seen in previous video?
00:40 How smooth scrolling works?
01:21 First way
03:11 Cons of using first way
03:39 Second way 
06:39 Applying scrolling effect to hire section
09:36 Conclusion 
10:00 Outro