title: Positioning is wrong on Android when browser is zoomed and scrolled
body: <p>I'm not sure whether this is a CSS or a jQuery problem so I tagged both. On Chrome for Android, jQuery UI datepicker and qTip2 both position wrongly (the same way) when the page is zoomed and scrolled. The amount of shifting right/downwards seems to be the same the page is scrolled left/upwards.</p>
  
  <p>Example with qTip:</p>
  
  <p>Normal size, OK:</p>
  
  <p><a href="https://i.stack.imgur.com/hoSz5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hoSz5.png" alt="Normal"></a></p>
  
  <p>Zoomed, still OK:</p>
  
  <p><a href="https://i.stack.imgur.com/BOTi1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BOTi1.png" alt="Zoomed"></a></p>
  
  <p>Zoomed and scrolled left and a bit down, tooltip goes right and down:</p>
  
  <p><a href="https://i.stack.imgur.com/fqXjS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fqXjS.png" alt="Scrolled"></a></p>
  
  <p>My CSS:</p>
  
  <pre><code> body {
      background-attachment: fixed;
      font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
      font-size: 14px;
      margin : 0 0 0 0;
      overflow-x: hidden;
      overflow-y: scroll;
  }
  
  html, body {
      height: 100%;
  }
  </code></pre>
  
  <p>qTip2 positioning instructions:</p>
  
  <pre><code>    position: {
          viewport: $(window),
          effect: false,
          adjust: { method: 'shift shift'}
      },
  </code></pre>