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 vote269 views1 answer
Bootstrap 2 rows menu
Html
0 vote218 views1 answer
On hover event
Html
0 vote253 views1 answer
React connect
Html
0 vote261 views1 answer
Centralizing to the middle of the screen with bootstrap 5
Html
0 vote244 views1 answer
How to make games
Html
0 vote327 views2 answers
Elements should have autocomplete attributes
Html
0 vote280 views1 answer
Bootstrap dropdown in table
Html
0 vote259 views1 answer
Store data from html form to database django
Html
0 vote308 views2 answers
Bootstrap country flag dropdown
Html
29 votes285 views6 answers
Html center text
Html