Scrollbars around an HTML5 canvas

A quick post on how to get the browser to scroll the stage. The simple solution is to draw the stage full size and place it inside a smaller div.

The key here is that the div that contains the canvas has a specified width & height, and also overflow-scroll.

<div id='stagescroll'>
  <div id="container"></div>
</div>

#stagescroll 
{
  width: 800px;
  height: 600px;
  overflow: scroll;
}

And here is the result.