The arrows are inside a container, so they are fixed inside this container. The scrollbar that shows up belongs to this container (not to the body), so the arrows scroll with it. Move the arrows outside of div.scroll and they should be fixed relative to the viewport.
solved Strange fixed positioning not working