[Help] Working on small excel grid project (javascript + html5 canva)

How can I implement scrollbar in canvas using javascript. So we can scroll it and the canvas will render other part of canvas.

e.g. suppose we have excel grid with columns 20.
In window viewport we can only see 15 columns. I have to make a custom scrollbar that after scrolling it horizontally it will show next five columns but the index of excel grid should remain fixed. Also the front five columns should be behind that index column.