title: Make embedded PDF scrollable in iPad
body: <p>For some reason the iPad safari browser does not handle embedded PDFs well.  PDFs view fine on their own when launched standalone, but not with the object tag.  The problem is that they don't scroll.  </p>
  
  <p>I've got a jquery page with an embedded pdf which nicely scrolls on mozilla and chrome, but on safari (iPad) the PDF remains stuck on the first page and is not scrollable.  The question is, how do I make this work on the iPad browser?</p>
  
  <p>A similar question was posted here <a href="https://stackoverflow.com/questions/8237708/making-embedded-pdf-scrollable-in-ipad">Making embedded PDF scrollable in iPad</a> but the answer is not very good.  They're cheating by using a height of 10000px, which creates a lot of whitespace for a small doc, and potentially won't work for a very large doc:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;PDF frame scrolling test&lt;/title&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;style&gt;
        #container { overflow: auto; -webkit-overflow-scrolling: touch; height: 500px; }
        object { width: 500px; height: 10000px }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="container"&gt;
        &lt;object id="obj" data="my.pdf" &gt;object can't be rendered&lt;/object&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any way to get this done without hardcoding a crazy height?</p>