JQuery animation of moving slide slide in Safari iOS7 when scrolling back

Question

I have a simple link like

<a href="about/staff.php" data-transition="slide">Staff</a>

The slide transition animates beautifully when you click on the link and animates beautifully when you click the back button.

The problem occurs when the user in safari (iOS7) uses the "swipe to return" gesture to the edge of the screen. The page returns, but the animation appears again after loading the page, which looks very bad.

You can see the problem in the example documentation here http://demos.jquerymobile.com/1.4.0/transitions/ (click the page button next to the slide, then swipe to return)

Is there a workaround for this?

Answer 1

The Safari browser for iOS7 comes with saber gestures, as you mentioned. This page here also uses slide transitions specific to the safari browser. when a user bounces from the current page, he not only changes the material on the transition page , but also changes the URL, so the browser actually takes you to the previous page. Page transitions may conflict with browser transitions, and as a result you get double animation of the page and browser.