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;

也適用於未針對相同修復設置動畫的閃爍元素。