Breaking News: Grepper is joining You.com. Read the official announcement!

use arrow instead of scrollbar css

Kingsley Kelechi Onwuchekwa answered on October 2, 2022 Popularity 8/10 Helpfulness 2/10

answer use arrow instead of scrollbar css

use arrow instead of scrollbar css

Comment

var button = document.getElementById('slide');
button.onclick = function () {
    var container = document.getElementById('container');
    sideScroll(container,'right',25,200,10);
};

var back = document.getElementById('slideBack');
back.onclick = function () {
    var container = document.getElementById('container');
    sideScroll(container,'left',25,200,10);
};

function sideScroll(element,direction,speed,distance,step){
    scrollAmount = 0;
    var slideTimer = setInterval(function(){
        if(direction == 'left'){
            element.scrollLeft -= step;
        } else {
            element.scrollLeft += step;
        }
        scrollAmount += step;
        if(scrollAmount >= distance){
            window.clearInterval(slideTimer);
        }
    }, speed);
}

Popularity 8/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: css scrollbar

Link to this answer
Share Copy Link