Channel: Thapa Technical

Category: Education

Description: 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: youtube.com/playlist?list=PLwGdqUZWnOp2jmYb2TQGYgBYp0xGwj9V1 ♥ Free Source Code & Discord Server Link: thapatechnical.com/2022/03/web-development-course-in-hindi-in-2022.html 😍 Check my Instagram to Connect with me: 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