Website Development in Hindi #19: Adding Smooth Scrolling Effects on our Website

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.

Web design
Be the first to comment