Skip to content
This repository has been archived by the owner on Dec 9, 2018. It is now read-only.

Slow Scrolling on iPad #256

Closed
MarcGodard opened this issue Dec 2, 2013 · 8 comments
Closed

Slow Scrolling on iPad #256

MarcGodard opened this issue Dec 2, 2013 · 8 comments

Comments

@MarcGodard
Copy link

I fixed this problem by adding

-webkit-transform: translateZ(0);

to

.pf and .pc

You might want to add this to your lib.

@coolwanglu
Copy link
Owner

I'll check it out. Thanks!

@shenzhuxi
Copy link

I find the same problem on Safari Version 7.0 (9537.71) which can be fixed by the same way.
BTW, I don't find this problem on https://www.mediafire.com.

@MarcGodard
Copy link
Author

What -webkit-transform: translateZ(0); does is initiate the iPad and Mac to use the GPU to calculate the page. When it is CPU only, large complicated pdfs (in HTML) scroll really slow.

@MarcGodard
Copy link
Author

Another thing to improve scrolling even more is to add * { -webkit-overflow-scrolling: touch; } to the pdf.html's css.

This makes it scroll on ipad like it does everywhere else.

@coolwanglu
Copy link
Owner

I tried this one before, but didn't work for me on iPad 1. It caused tearing and tiling.

@coolwanglu
Copy link
Owner

I tried translateZ on ipad1, not perfect but helps a lot, maybe ipad1 is too old (but (even lower budget) android devices seem to be fine)

I'll add it.
Thanks!

@coolwanglu
Copy link
Owner

Nope, seems that the effects are similar with or without translateZ.
But maybe I'll just add it, not sure if there will be any side effects.

I wonder if you could test if adding translateZ only to pf or pc would help. I guess only one would be enough?

@coolwanglu
Copy link
Owner

marked as duplicate of #30. Actually I've tried translateZ before.
Not sure if it only works for ipad >1

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants