Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature request - Smoother transitions for iOS devices #74

Open
baoagency opened this issue Sep 19, 2012 · 5 comments
Open

Feature request - Smoother transitions for iOS devices #74

baoagency opened this issue Sep 19, 2012 · 5 comments

Comments

@baoagency
Copy link

When can we expect the smoother transitions between slides to be implemented?

@mnapthine
Copy link

Perhaps you could fix this with CSS by adding -webkit-transform: translateZ(0); It's worked a treat for me before and it might help.... The general problem is this carousel uses the margin-left property to transition on, but that doesn't have native hardware acceleration on iOS devices, translateZ tricks the browser into thinking you wanna do some crazy shizzle so enables HW acceleration. See http://www.html5rocks.com/en/tutorials/speed/html5/ for more details.

@mnapthine
Copy link

FYI: I can completely see why the margin-left property is being used, another option is translateX but it's percentage model is very different from margin so would require more complicated and buggy JS. I might have a go.

@baoagency
Copy link
Author

On what element in the styleshet do I place: -webkit-transform: translateZ(0); ??

@mnapthine
Copy link

Generally on the element you are moving, just try it on the ul. Have a play around with it. As I said it might help but it might not. Post back you findings though as I'd be interested to know how you get on. Good luck!

@baoagency
Copy link
Author

Well after doing some testing and putting that code on the UL, it seems you can notice the slight change in easing when swiping left to right but its still not a fluid movement unfortunately.

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

No branches or pull requests

1 participant