Scrolling Behavior Differences Between Chrome And Safari/firefox

So I'm building a rendering system for my app that pulls objects from a collection and runs em through js templates to create more children while the page is being scrolled. Essent

Solution 1:

So the difference that was happening was that chrome had a new feature they built in called scroll anchoring. They added it so new content being added to pages would not jerk the scroll around. It just so happened to be a missing piece of the rendering system i was building that wasn't missing only on chrome. I emulated what it was doing in my own code now it works right on all other browsers.

To anyone curious, chrome has a css control to that behavior called overflow-anchor: auto or none;

More info about "Scroll Anchoring"