title: Draggable with freezed panel
body: <p>I am making a draggable image like google map.</p>
  
  <p>This image has grids.  The left column needs to be freezed.  So I output the same image twice. One is the main image.  The other is the freezed column, narrow and on top.</p>
  
  <pre><code>.freezed {
    width: 120px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
  }
  </code></pre>
  
  <p>The size of any grid is unknown, so no snapping to grid.</p>
  
  <p><a href="http://jsfiddle.net/7TMj8/2/" rel="nofollow">http://jsfiddle.net/7TMj8/2/</a></p>
  
  <p>Please advise on how to do the following.  Thanks.</p>
  
  <ol>
  <li>On dragging in x direction, only the big one moves.  The narrow one stays.</li>
  <li>On dragging in y direction, the big one and the narrow one move in sync.</li>
  </ol>