Home / Questions / 288528
Accepted
Lina Cortés
Asked: 2020-08-28 07:30:33 +0800 CST 2020-08-28 07:30:33 +0800 CST

scroll graph js

  • 772

I need that when either the right or left arrow icon is clicked the graph will move to the corresponding side as it does with the scroll at the bottom:

enter image description here] 1

This is the code:

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

I appreciate your help and ideas to do it

php

1 Answers

  1. Best Answer

    You should use this JS code

    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);
}

    Then:
    Add the id 'back' to the left arrow
    Add the id 'container' to the "draggable" div
    Add the id 'next' to the right arrow

    Here I leave the code: https://jsfiddle.net/bk8c5eg0/

    • 0