Así es como intentaría lograr esto (en términos muy básicos):

1. Cargue la lista inicial de transacciones. Podemos promediar la altura de cada transacción para que sea de aproximadamente una línea (digamos aproximadamente 12 px). Almacenamos el número de líneas que se cargó en una variable
2. Luego agregamos un detector de eventos por la cantidad de desplazamiento que ha realizado el usuario y, dependiendo de eso, agregamos algunas transacciones más. Esto se puede lograr usando algo como esto donde document.documentElement.scrollTop da la cantidad que el usuario se ha desplazado en píxeles

 document.addEventListener("scroll",function(){ console.log("Scrolled By"+document.documentElement.scrollTop)})

3. Luego, multiplicamos la cantidad de líneas que se cargó y lo multiplicamos por la altura promedio de la transacción y en el detector de eventos anterior y verificamos si la cantidad desplazada es mayor al 80% usando algo como if (0.8*nooftransactions*avgheight < document.documentElement.scrollTop){loadnewlines()
4. Dentro de la función, primero obtenemos las nuevas transacciones y las colocamos en el documento y luego agregamos el número de las nuevas transacciones a la variable nooftransactions .