Side navigation
#12620 closed bug (invalid)
Opened September 27, 2012 07:59AM UTC
Closed November 06, 2012 09:59AM UTC
.animate() malfunction on iOS6 after page scroll
| Reported by: | luckypouet@me.com | Owned by: | luckypouet@me.com |
|---|---|---|---|
| Priority: | low | Milestone: | None |
| Component: | effects | Version: | 1.8.1 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Hi,
I have a problem with some .animate() since I updated my iPad to iOS6 (works fine on iOS5). I use touchstart and touchend events to do a "Drag & Drop" on a container, on touchend, I restore this container to its original position. Works fine until I scroll the page verticaly. After that the .animate() function seems buggy :(
Best regards and thanks for all :)
Attachments (0)
Change History (10)
Changed September 27, 2012 08:00AM UTC by comment:1
Changed September 27, 2012 02:53PM UTC by comment:2
| owner: | → luckypouet@me.com |
|---|---|
| status: | new → pending |
Can you post your test case on http://jsfiddle.net or http://jsbin.com. Please be sure to use the git version of jQuery to make sure the issue still exists. Thanks!
Changed September 27, 2012 05:40PM UTC by comment:3
| status: | pending → new |
|---|
Here is the JSFIddle example : http://jsfiddle.net/Luckypouet/PUKDs/
Changed October 03, 2012 09:16AM UTC by comment:4
Hi,
I have a similar problem in my web page, where i m using BXslider and the touchwipe to achieve the horizontal sliding of content (set in li tags).
In touchwipe i want to browser to handle vertical scroll so on "y" move i set return true; stmt and rest touch is handle same way.
This above fix works excellent in ios5/android4 etc but when i do circle/oval touch aggressive scrolling for 5-10 sec in ios6 bxslider animation got freeze(which not happen in ios5).
A bit debugging gives me understanding that bxslider->gotoNextSlide() -> parent.animate stop executing.
E.g.
Changed October 15, 2012 04:13PM UTC by comment:5
| component: | unfiled → effects |
|---|---|
| priority: | undecided → low |
| status: | new → pending |
Thanks for contributing! We need a bit more information here on what specifically we're supposed to see or get a more reduced test case. There's not that much for us to go on here, as we do not support "aggressive scrolling". Sorry to reset it back to you, but thanks for helping.
Changed October 17, 2012 03:16PM UTC by comment:6
I reduced the code from my last project to make a test case which should make the problem clear.
http://jsfiddle.net/Jvvtv/ and the embedded http://jsfiddle.net/Jvvtv/embedded/result/
On start there are three divs with a opacity of 0.3, on slide left or right the current div should slide out and another slide in. The opacity from the div which slide in should be changed to a opacity of 1 through .animate();
Works fine.
But if you scroll the page vertically, .animate(); doesn't work anymore.
Changed October 22, 2012 07:08PM UTC by comment:7
Experiencing the same problem. Is there a solution yet?
Changed October 22, 2012 07:22PM UTC by comment:8
So the problem only occurs on OS6? Have you reported it to Apple?
Changed October 22, 2012 07:40PM UTC by comment:9
Not yet. I found this page, where the same problem is described:
https://github.com/mattbryson/TouchSwipe-Jquery-Plugin/issues/30
They point to this solution:
https://gist.github.com/3798925
This solves the problem, but the transitions aren't smooth anymore.
Changed November 06, 2012 09:59AM UTC by comment:10
| resolution: | → invalid |
|---|---|
| status: | pending → closed |
Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!
Demo here : http://elkabe.free.fr/animate.htm