title: jQuery Detect Bottom of Page on Mobile Safari/iOS
body: <p>I basically want the same functionality as facebook, twitter and all those other "infinite" scroll sites work, the code im using at the moment is</p>
  
  <pre><code>jQuery(document).ready(function(){
      $ = jQuery;
          $(window).scroll(function(){
              if ($('.iosSlider').is(':visible'))
              {
                  if($(window).scrollTop() + $(window).height() == $(document).height())
                  {
                  $.get('/our-work/fakework.php', function(data) {
                  $('#mobile-thumbs').append(data);
                  });
                  }
               }
          });
  });
  </code></pre>
  
  <p>This works flawlessly on all desktop browers, and even on my blackberry sometimes it works after spamming the scroll down button.</p>
  
  <p>However its not once been detected on either the iphone or ipad, I assumed it was something todo with the viewport on it but who knows.</p>
  
  <p>I tried using the viewport height method of</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"&gt;
  </code></pre>
  
  <p>but this didnt seem to fix it either!</p>
  
  <p>So please could somebody share some light on it please as to how to detect the bottom of the page on the iDevices!</p>
  
  <p>Thanks!!</p>
  
  <p>Owen</p>