<Mazipan />

Melakukan scroll ke suatu element

#javascript

Berikut kode untuk melakukan trigger scroll ke suatu DOM Element berdasarkan atribut id nya.

/**
 * @param targetId <string> Id of the Element
 * @param additionalSpacing <number> - Optional. Additional spacing from the top
 */
export const scrollToDomId = (targetId: string, additionalSpacing = 0) => {
  const element = document.getElementById(targetId)

  if (!!element) {
    const elementPosition = element.getBoundingClientRect().top
    const offsetPosition = elementPosition + window.pageYOffset - additionalSpacing

    requestAnimationFrame(() => {
      window.scrollTo({
        top: offsetPosition,
        behavior: 'smooth',
      })
    })
  }
}
🌟 Thank you for reading
Loading comments...