Bug Tracker

Opened 7 years ago

Closed 7 years ago

#12620 closed bug (invalid)

.animate() malfunction on iOS6 after page scroll

Reported by: luckypouet@… Owned by: luckypouet@…
Priority: low Milestone: None
Component: effects Version: 1.8.1
Keywords: Cc:
Blocked by: Blocking:



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 :)

Change History (10)

comment:2 Changed 7 years ago by timmywil

Owner: set to luckypouet@…
Status: newpending

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!

comment:3 Changed 7 years ago by luckypouet@…

Status: pendingnew

Here is the JSFIddle example : http://jsfiddle.net/Luckypouet/PUKDs/

comment:4 Changed 7 years ago by nehaneha.rai@…


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. http://jsfiddle.net/qtCHx/

comment:5 Changed 7 years ago by mikesherov

Component: unfiledeffects
Priority: undecidedlow
Status: newpending

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.

comment:6 Changed 7 years ago by Stranger

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.

comment:7 Changed 7 years ago by frankvanrest@…

Experiencing the same problem. Is there a solution yet?

comment:8 Changed 7 years ago by dmethvin

So the problem only occurs on OS6? Have you reported it to Apple?

comment:9 Changed 7 years ago by anonymous

Not yet. I found this page, where the same problem is described:


They point to this solution:


This solves the problem, but the transitions aren't smooth anymore.

comment:10 Changed 7 years ago by trac-o-bot

Resolution: invalid
Status: pendingclosed

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!

Note: See TracTickets for help on using tickets.