Bare minimum Infinite Scroll UI

Infinite scrolling ui is implemented in many web apps today. So in an attempt to explore the same, I made a bare minimum codepen to achieve the same with two different implementations :-

Using Scroll Position - Making use of scrollTop, offsetHeight and scrollHeight to know when to load the next items.

Using Intersection Observer - Having a placeholder at bottom of the list and observing when it intersects with our list in view so that we can load the next items.