title: Preventing page from scrolling on focus switching
body: <p>I am new to mobile web/dev. My app is using jquery-mobile, phonegap and Compass (scss).</p>
  
  <p>I have a problem on my login page :</p>
  
  <p>logo and fields are contained in standard 'div' containers (data-role="content" data-type="vertical"). Background is colored.</p>
  
  <p>when switching focus from login field to password field, the page slides up, which is what I don-t want to occur. I would like my logo and fields to stay in place, just like the Skype iOS App login page.</p>
  
  <p>here is what happens :</p>
  
  <p><img src="https://dl.dropbox.com/u/19621869/f606d131ecb925d12cccfac14e9c3c50/temp.png" alt="bug description"></p>
  
  <p>I have tried several tricks, trying to block scroll events, or forcing page to scroll to 0,0, without success.</p>
  
  <p>I am thinking about a new strategy now, maybe using top relative positioning for logo and fields, and catching focus events to scroll the page myself, on keyboard slide up (by animating top relative positioning coordinates).</p>
  
  <p>Though this seems doable, I am wondering if this is the kind of work around used by the Skype iOS App team...</p>
  
  <p>Any advice on technics used in this particular case is welcome!</p>
  
  <p>cheers,</p>
  
  <p>Fred</p>