Html scroll behavior

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/

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.

Similar codes

0 vote138 views1 answer
Uncaught error: bootstrap's javascript requires jquery version 1.9.1 or higher, but lower than version 3
Html
0 vote138 views2 answers
Meta keyword tag in html
Html
11 votes128 views2 answers
H1 markdown
Html
0 vote135 views1 answer
Laravel apache config
Html
1 vote162 views1 answer
Translate html in magento 2
Html
101 votes133 views2 answers
How to make href open in a new tab link html
Html
3 votes143 views2 answers
Business card html template
Html
1 vote123 views1 answer
Translate Text html in magento 2
Html
0 vote165 views1 answer
Disable the hashtag to go to top
Html
0 vote91 views1 answer
Free pc to iphone file transfer software
Html