sorccu/cufon

iPad - Text scrolling delayed

Opened this issue · 3 comments

juergengenser commented

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 commented

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 commented

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 commented

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