Bug Tracker

Opened 11 years ago

Closed 11 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 11 years ago by Timmy Willison

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 11 years ago by luckypouet@…

Status: pendingnew

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

comment:4 Changed 11 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 11 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 11 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 11 years ago by frankvanrest@…

Experiencing the same problem. Is there a solution yet?

comment:8 Changed 11 years ago by dmethvin

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

comment:9 Changed 11 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 11 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.