Deberías usar este código JS
var scrollBack = document.getElementById('back');
var scrollNext = document.getElementById('next');
scrollBack.onclick = function () {
scroll('left', 20);
};
scrollNext.onclick = function () {
scroll('right', 20);
};
function scroll(direction,step){
container = document.getElementById('container');
amount = 0;
var timer = setInterval(function(){
if(direction == 'left'){
container.scrollLeft -= step;
} else {
container.scrollLeft += step;
}
amount += step;
if(amount >= 100){
window.clearInterval(timer);
}
}, 10);
}
Luego:
Agregarle el id 'back' a la flecha izquierda
Agregarle el id 'container' al div "draggable"
Agregarle el id 'next' a la flecha derecha
Aca dejo el código: https://jsfiddle.net/bk8c5eg0/