how to Redirect to a specific div on a different page with smooth scroll

Question

I am learning to make a website and while implementing an anchor link on a recipes section with "read" button which is recipes section it redirecting successfully but the issue is how to make a smooth scroll happen?. Please find the link below https://ginzer2.imfast.io/ and this was made with bootstrap 3. Kindly help to achieve this one

Answer 1

See docs here

       const elem = document.querySelector('#element_id')
       elem.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
        });