text Smooth Scroll CSS / JS

Posted 2021-04-30

https://css-tricks.com/snippets/jquery/smooth-scrolling/

CSS ONLY:
html {
  scroll-behavior: smooth;
}


JS, no libraries
// Scroll to specific values
// scrollTo is the same
window.scroll({
  top: 2500, 
  left: 0, 
  behavior: 'smooth'
});

// Scroll certain amounts from current position 
window.scrollBy({ 
  top: 100, // could be negative value
  left: 0, 
  behavior: 'smooth' 
});

// Scroll to a certain element
document.querySelector('.hello').scrollIntoView({ 
  behavior: 'smooth' 
});