0

Necesito que cuando se de clic ya sea en el icono de flecha derecha o izquierda la gráfica se mueva al lado correspondiente como lo hace con el scroll de la parte inferior:

introducir la descripción de la imagen aquí]1

Este es el codigo:

https://jsfiddle.net/ztxch2nd/16/

Les agradezco su ayuda e ideas para hacerlo

1 respuesta 1

0

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/

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.