Ionic app上的奇怪闪烁，在iOS 9上运行

Question

我使用Phonegap和Ionic Framework为Android和iOS创建了一个应用程序，在Android上非常完美，但它在iOS上特别适用于iPhone 5和iPad（在iPhone 6和4上运行良好）。

当您点击一个按钮进行后退按钮时，会显示后退动画，但是会立即返回到按钮背带的部分。 它只发生在一个部分，后部按钮完全适用于其他部分。

HTML元素如下：

<a class="button button-icon button-positive button-positive icon ion-arrow-left-c" ng-click="atras()">

被称为“atras”的函数如下（位于模板的控制器中）：

 $scope.atras = function() {
        $ionicHistory.goBack();
 };

知道我怎么能解决这个问题？ 非常感谢你的回答！

Answer 1

具体来说，有一个基于iOS9构建的Ionic UIWebView的显着补丁。 如果没有此补丁，当您点击导航栏中的某些后退按钮时，您将遇到此类闪烁问题。 请为您的项目应用ngIOS9UIWebViewPatch，然后全部完成。

https://gist.github.com/IgorMinar/863acd413e3925bf282c

http://blog.ionic.io/ios-9-potential-breaking-change/

Answer 2

不幸的是，iOS 9有一些错误，其中window.location会影响router-ui ，还有一些空的href链接<a href="#">和你的一样。

看一下Ionic博客上的这些文章：

• 准备iOS 9
• iOS 9潜在的突破性变化

在那里你可以找到iOS9补丁角度的链接，这可以用于iOS 9中的禁用应用程序传输安全性

Answer 3

添加这两个属性以防止闪烁效果：

-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;

也适用于未针对相同修复设置动画的闪烁元素。