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

1 vote210 views1 answer
Spacing between columns bootstrap 5
Html
0 vote203 views1 answer
How to stop html audio
Html
0 vote232 views1 answer
How to align a link in a bootsrap navbar o the left
Html
0 vote205 views1 answer
2a03:4000:30:def::10:3645
Html
8 votes209 views4 answers
What is jumbotron in bootstrap
Html
26 votes225 views3 answers
Line under text html
Html
0 vote211 views1 answer
Carousel library js
Html
0 vote194 views1 answer
Detailed list html
Html
39 votes214 views5 answers
Html temple
Html
1 vote242 views2 answers
Submit() refreshes the page
Html