Why does my onscroll function stop before the element is fully scrolled?

Question

I wrote a function to slide a div into the viewport horizontally in the middle of a vertically scrolling page and it mostly works. It slips when you scroll through the page quic