for(var i = 0; i<10; i++){
    var random_color = '#' + Math.round((Math.random() * (999999 - 100000) + 100000));
            $('.scroll').append('<div class="scroll__element" style="background-color:'+random_color+'" data-id='+i+'>'+i+'</div>');
    }
    var $csrollCounter = 0;
    $('.scroll__submit').click(function(){
        $('.scroll__element').animate({ left: '-=117' }, 1000, function() {
            if(($('.scroll__element').data('id') == $csrollCounter)){
                $(this).remove();
            }
            $('.scroll__element').css("left", "0");
         });
        $('.scroll').append('<div class="scroll__element" style="background-color:'+random_color+'" data-id='+(10 + $csrollCounter)+'>'+(10 + $csrollCounter)+'</div>');
        $csrollCounter++;
    })