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 vote111 views1 answer
HTML Bullet Points / Lists
Html
5 votes66 views1 answer
Vuejs router
Html
3 votes107 views1 answer
Modal by clicking button
Html
30 votes106 views4 answers
Metadata html
Html
10 votes135 views3 answers
Html lazy loading images
Html
310 votes176 views10 answers
Font awesome cdn
Html
3 votes122 views1 answer
Sound on click
Html
3 votes109 views1 answer
H1 red
Html
0 vote117 views1 answer
Call javascript function from a tag
Html
0 vote120 views1 answer
Prettier not formatting HTML files in VS Code
Html