scroll to element vanilla js

scrollinto.jsx

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

// 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' 
});

//jQuery way with fast example:
$('a.menu_items-link').on('click', function(e) {
    e.preventDefault();
    const value = this.getAttribute('href');
    //console.log(value);
    $('html, body').animate({
      scrollTop: $('#'+value).offset().top
    }, 800, callback);
  });

/**
 * @see ReactJs example
 */
import {useRef, useEffect} from 'react';
function Hello(){
  const scrollRef = useRef();
    
  useEffect(()=>{
     scrollRef.scrollIntoView({ 
       behavior: 'smooth' 
     });
  }, []);
  
  return (
      <div ref={scrollRef}>
        Scroll here on mount
      </div>
    );
}