window scrollTo behavior code example

Example 1: js scrollto

element.scrollTo(x, y);
window.scrollTo(x, y);
element.scrollTo({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

Example 2: 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.