frankwhite_coder

Hi, Wondering if anyone can point me in the right direction, I am trying to animate the background position of a div while it is pinned on the screen, The section will be fixed, then as the user scrolls the position of the image will change (it's a big map) every 100px or so, but I am having trouble setting up the incremental background position changes, here is what I have so far, but I can't get the scrub back and forth to work, https://codepen.io/frankwhite_coder/pen/gOdPGQV Is it also possible to snap to each animation? Or would I be better off setting up fake divs inside the map to trigger the animations and snap to? Any help would be greatly appreciated.