title: Fixed Position Div prevents scrolling when focus moves betwen its elements
body: <p>I have two text boxes inside of a div that needs to have its position fixed. Problem is when I am on the first text box and if I tab to the second one, the page does not scroll down to the second because of the fixed position attribute of the div. Is there any way I can keep the fixed position of the div but still scroll down to the element which has focus?</p>
  
  <pre><code>&lt;div style="width:100%;height:100%;position:fixed;"&gt;
  &lt;input id="FirstName"&gt; Lots of padding goes here
  &lt;input id="LastName"&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>For the full code please see my fiddle <a href="https://jsfiddle.net/43dLktss/1/" rel="nofollow">https://jsfiddle.net/43dLktss/1/</a></p>
  
  <p>I am thinking maybe jQuery animate on the focus event handler of the text boxes?</p>