горизонтальная прокрутка
 

блин не могу понять почему на следующую страницу норм прокручивает а дальше все стоит и вообще не двигается?

var startX;
var oldX;
function mouseDown(e){
    startX = e.pageX;
    var container = document.getElementById('content');
    oldX = container.offsetLeft;
    container.addEventListener('mousemove',mouseMove,false);
    e.preventDefault();
}
function mouseUp(e){
    targetX = e.pageX;
    var container = document.getElementById('content');
    container.removeEventListener('mousemove',mouseMove,false);
}

function mouseMove(e){
    var scroll = e.pageX;
    var scrollDistance = scroll - startX;
    document.getElementById('header').innerHTML=scroll+':'+ scrollDistance;

    scrolling(scrollDistance);
}

function scrolling(scrollDistance){
    var w = getClientWidth();
    var container = document.getElementById('content');
    console.log(startX);
    var distance = oldX + scrollDistance;
    //container.style.left = (oldX + scrollDistance)+"px";
    container.setAttribute('style', '-webkit-transform:translate('+(distance)+'px,0);' +
            '-webkit-transition:all 0s ease-in;left:'+(distance)+'px');
    if(distance<-150){
        goToPage(distance);
    }

}

function goToPage(distance){
    var container = document.getElementById('content');
    var w = getClientWidth();
    container.setAttribute('style','-webkit-transition:all 1s ease-in;');
    container.style.left = (-w)+"px";
    return;
}