Question

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.

Answer 1

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.