title: Scrollable canvas inside div
body: <p>I have a html5 canvas. I need to show the fixed portion of it in the div(<code>Div1</code>). When I swipe inside <code>Div1</code>, I need to scroll the canvas. So as I scroll, I'll see corresponding part of the canvas. </p>
  
  <p><img src="https://i.stack.imgur.com/3wAW6.png" alt="enter image description here"></p>
  
  <p>I tried something like this:</p>
  
  <pre><code>&lt;div id="Div1" style=" float: left; width: 50px; overflow:hidden; "&gt;
     &lt;canvas id="myCanvas1" width="200px" style="border: 1px solid #ff0000; position: absolute;"&gt;
     &lt;/canvas&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9g3GG/" rel="noreferrer">jsFiddled here</a></p>