css3 - iphone6 plus 微信瀏覽器下transition動畫無效求破
問題描述
iphone6 plus 微信瀏覽器下transition動畫無效但在safari下是ok的，什么原因
opacity: 0; background-color: #378ef1; transform: translateY(100%); -webkit-transform: translateY(100%); transition-property: transform, opacity, -webkit-transform; -webkit-transition-property: transform, opacity, -webkit-transform; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
active
transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;
問題解答
回答1：不貼代碼，怎么破？
回答2：css 前綴呢？ 寫了？
回答3：微信用的是QQ瀏覽器的“X5 內核”， 需要添加-webkit-transition才能支持過渡。
回答4：遇到了相同問題。添加webkit前綴仍然解決不了其他測試機包括iphone 6均可以，我記得的6s plus不行
更新：緩存問題，經驗證加前綴可以解決
回答5：是opacity的問題 去掉就好用了
回答6：不知道你是不是跟我發生了同樣的錯誤~調用動畫的代碼請請放在window.onload = function(){}方法內~~
相關文章：
1. javascript - vue 移動端的input 數字輸入優化2. java - mongodb分片集群下，count和聚合統計問題3. java - 自己制作一個視頻播放器，遇到問題，用的是內置surfaceview類，具體看代碼！4. android - java 泛型不支持數組，那么RxJava的Map集合有什么方便的手段可以定義獲得一串共同父類集合數據呢？5. 服務器端 - 采用nginx做web服務器，C++開發應用程序 出現拒絕連接請求？6. 為什么我ping不通我的docker容器呢？？？7. 關于docker下的nginx壓力測試8. python - pandas按照列A和列B分組，將列C求平均數，怎樣才能生成一個列A,B,C的dataframe9. javascript - 有什么兼容性比較好的辦法來判斷瀏覽器窗口的類型？10. java - 靜態屬性中的賦值和靜態代碼塊中的賦值有什么區別？
網公網安備