I'm using colorbox to open an iframe, inside which i'm calling jscrollpane to allow scrolling. It works, but in some cases (not all, can't see a pattern) the lower maybe 100px or so are cut off. Further, I can't get scrollbars to appear on the ipad.
Any ideas? http://www.ainonline.com/newsmakers/2011
Click on links in the timeline to see what I mean.
Well, the pattern I am seeing is that the last block of text sometimes has a paragraph markup around it, and sometimes not, which happens to coincide with whether or not the text is shown entirely (with <p>...</p>) or some of the text stays hidden (without <p>...</p>).
Will not show the last bit of text:
<div class="articleview scrollpane" style="width:650px">
<h1>Former Platinum Jet Pilot Gets Six Months Prison Time</h1>
<div class="pubdate" style="color:#666; margin:10px 0; font-style:italic">August 23, 2011 - 3:20 PM</div>
Blah blah blah [...] blah.
</div>
Will show the last bit of text:
<div class="articleview scrollpane" style="width:650px">
<h1>Former Platinum Jet Pilot Gets Six Months Prison Time</h1>
<div class="pubdate" style="color:#666; margin:10px 0; font-style:italic">August 23, 2011 - 3:20 PM</div>
<p>Blah blah blah [...] blah.</p>
</div>
Let me know if this solves that problem.
For the other part of the question (which really should be asked in a separate question), the iPad does not use scrollbars on websites. It uses gestures. Don't worry about it, though -- the site works great.