Ionic 应用程序上奇怪的闪烁，在 iOS 9 上运行答案

【问题标题】：Weird flickering on Ionic app, running on iOS 9Ionic 应用程序上奇怪的闪烁，在 iOS 9 上运行
【发布时间】：2016-01-19 08:17:17
【问题描述】：

我使用 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();
 };

知道我该如何解决这个问题吗？非常感谢您的回答！

【问题讨论】：

【解决方案1】：

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

看看 Ionic 博客中的这些文章：

【讨论】：

【解决方案2】：

具体来说，Ionic UIWebView 有一个值得注意的补丁，它是基于 iOS9 构建的。如果没有这个补丁，当您点击导航栏中的某些后退按钮时，您将遇到这种闪烁的问题。请为您的项目申请 ngIOS9UIWebViewPatch 即可完成。

【讨论】：

【解决方案3】：

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

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

也适用于没有为相同修复设置动画的闪烁元素。

【讨论】：

我不知道这是否完全一样，但我有奇怪的、应用中断的闪烁并添加此样式规则修复了它：* { backface-visibility: hidden !important; -webkit-backface-visibility：隐藏！重要； } 谢谢你！