-
Notifications
You must be signed in to change notification settings - Fork 111
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
Comments
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. |
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. |
On what element in the styleshet do I place: -webkit-transform: translateZ(0); ?? |
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! |
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. |
When can we expect the smoother transitions between slides to be implemented?
The text was updated successfully, but these errors were encountered: