Quiero implementar un desplazamiento infinito dentro de un div mediante el cual se obtienen datos cuando un usuario se desplaza más allá del 70% del contenido.

Aquí está mi código actual:

 element.onscroll = () => { let dom = document.getElementById('scrollable'); let scrollY = dom.scrollHeight - dom.scrollTop; let height = dom.offsetHeight; let offset = height - scrollY; if (offset == 0 || offset == 1) { getMoreData() } };

¿Hay alguna manera de verificar si el desplazamiento supera el 70%? ¿Sin ejecutar getMoreData() varias veces?

Necesito asegurarme de que la función getMoreData se ejecute solo una vez al desplazarme hacia abajo.

Las implementaciones en Vue también son bienvenidas.