bibek-magar

function clickHandler(e) {
    e.preventDefault()
    const href = this.getAttribute('href')
    const offsetTop = document.querySelector(href).offsetTop

    scroll({
        top: offsetTop - 90,
        behavior: 'smooth',
    })
}

bibek-magar

/*
  To check whether the given element in view port by visibility percentage 
  Tweak the number (20) as you need for the visibility percentage
*/
function isInViewport(element) {
    const rect = element.getBoundingClientRect()
    const viewportWidth =
        window.innerWidth || document.documentElement.clientWidth
    const viewportHeight =
        window.innerHeight || document.documentElement.clientHeight