Scroll-behavior Smooth Code Example


Example 1: smooth scroll css


html {
scroll-behavior: smooth;
}

/* No support in IE, or Safari
You can use this JS polyfill for those */

http://iamdustan.com/smoothscroll/

Example 2: html scroll behavior


html {
scroll-behavior: smooth;
}

// scroll-behaviour option
auto => Allows a straight jump "scroll effect" between elements within the scrolling box. This is default
smooth => Allows a smooth animated "scroll effect" between elements within the scrolling box.
initial => Sets this property to its default value.
inherit => Inherits this property from its parent element.

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable