Achieve Smooth Scrolling with CSS
Skip to content
Search for easy dinners, fashion, etc.
When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.
an image of a computer screen with the text'set the scroll - behavior property to create
medium.com

How to enable smooth scrolling using only CSS

If you want some smooth scrolling to happen without using an algorithm, you can use the CSS scroll-behavior property. Keep in mind this is only supported for modern browsers. You can check the working example at codepen: codepen.io/falmasi/pen/ExazXqv
WebtipsHQ
Webtips

4 Comments

More about this Pin

Explore
Design

Board containing this Pin

Selected board cover image
Web development design
51 Pins
5y

Related interests

Css Text Property Reference Chart
Css Properties Reference Chart
Javascript Smooth Scroll Function Code
Horizontal Rule In Css
Javascript Scroll Code
How To Make Infinite Scroll In Javascript
Javascript Smooth Scroll
Css Transform Properties Chart
Css Horizontal Scrolling