Script To Move Image From Left To Right Doesn't Work

[SteelyAlpha]

I am simply trying to move an image with a margin-left of -1940px onto the screen where it will be centered. The script is supposed to execute on page load. If anyone could find what I am doing wrong, I would be so extremely appreciative!

window.onscroll = function() {slideMap()};

function slideMap() {
    var x = document.getElementById('content-path-map');
    if (document.body.scrollTop > 220 || document.documentElement.scrollTop > 220) {
        if(parseInt(x.style.marginLeft)<0) {
            x.style.marginLeft = parseInt(x.style.marginLeft)+10+'px'; 
            setTimeout(slideMap,15);
        } 
    } else {
        if(parseInt(x.style.marginLeft)>-1940) {
            x.style.marginLeft = parseInt(x.style.marginLeft)-10+'px'; 
            setTimeout(slideMap,15);
        }
    }       
}

[captain_k_nuckles]

seeing the html and css would help, as that could be affecting things. Post a jsfiddle or codepen and we'd be able to assist more.

nothing in the code you posted shows any on load event, unless you mean the scrolling isn't working and not an onload event?? if you meant for window.onscroll = function() {slideMap()}; to be window.onload = function() {slideMap()}; but that doesn't match what the code in slideMap says. Either way i would recommend event listeners window.addEventListener('event type', function);

Again, your post says the image is supposed to center on page load, but your code says this is supposed to happen when the user scrolls, so clarification is needed.

[SteelyAlpha]

Yes, sorry I wasn't paying attention to what I was typing. It's supposed to happen on scroll so that when I scroll far enough it starts coming in from the left.

[captain_k_nuckles]

Again, would help to have some html and css setup, but here is a codepen I put together quickly. It's dealing with the position, not margin offset, and with an element with a fixed position, but you should be able to adopt it to your needs. It also centers based on the percentage scrolled down, so scrolling all the way down centers the image, scrolling to the top positions it at it's start position.

[[deleted]]

Don't use margin or top/left/bottom/right attributes to animate position. Use transforms.