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 vote301 views1 answer
Px in server is different from html file
Html
-3 votes342 views6 answers
Bootstrap toast
Html
0 vote312 views1 answer
Html how to nest 2 tags
Html
1 vote336 views1 answer
Input and select box combined
Html
1 vote358 views1 answer
Vuetify v-text-field bottom padding
Html
19 votes330 views5 answers
Navbar in bootstrap4
Html
3 votes343 views1 answer
Gradient on top of image css
Html
0 vote362 views2 answers
What does html stand for
Html
0 vote314 views2 answers
Jquery html input value add
Html
37 votes327 views6 answers
Html comment
Html