You can get the scroll position with jQuery scrollLeft() and set your canvas repaint function to jquery scroll() so that it’s updated whenever the scroll position changes.
table = $('#container')
updatePosition = () => {
// Synchronize canvas here:
repaintCanvas(table.scrollLeft());
}
table.scroll(updatePosition);
Here is a demo JSFiddle: http://jsfiddle.net/4eg39bfm/5/
1
solved How to align html table to a customize canvas drawing