Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

iPad - Text scrolling delayed #225

Open
juergengenser opened this Issue · 3 comments

2 participants

@juergengenser

I' using Cufon for Headlines in an overflowed div using jScrollpane. On the iPad (iOS 5) I'm experiencing that parts of the headline are staying on their initial position for a few seconds before snapping to the position I've scrolled to.

Is that a performance issue or could it be Cufon-specific?

Best,
Juergen

@sorccu
Owner

Hi,

Things like this can usually be solved by adding position: relative to a suitable ancestor. For example, if the heading is inside a column, you might want to try positioning the column. Does it feel unnecessary? Yes it does. But does it work? Most of the time it does :) If it doesn't work right away, just keep playing with adding position: relative to other ancestors as well. If it STILL does not work, try doing everything again, but this time also add z-index: 1. It should work. If not, let me know.

Simo

@juergengenser

Thanks for your proposals!

Unfortunately they don't seem to solve my issues. I've tried to position the surrounding elements as you said and also defined a z-index, still the headlines get "fragmented" when scrolling. Take a look: http://ralf-schmitz.de/aktuell/

Juergen

@sorccu
Owner

Hi,

I don't have an iPad, but I do have an iPhone so I tried with that. Unfortunately the error was nowhere to be seen :( You may be on your own here.. I would suggest just very aggressively adding different CSS properties to perhaps even all the elements (with the star selector) and seeing what helps. Your layout may break in other ways but when you find out what helps, you should be able to narrow it down.

I really expected the positioning to work, though. Could you perhaps also try:

cufon { position: relative; z-index: 1 }

Simo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.