IE11薩斯計算C動畫計時不工作

我用無禮的話，並試圖得到一些動畫，在IE11工作（他們在Chrome中很好地工作）。我有一組時序變量級聯下來，並通過計算函數來管理每個變量。IE11薩斯計算C動畫計時不工作

實施例具有可變DEFS SASS

$load-modal: 0.2s; 
$post-load-modal-delay: calc(#{$load-modal} + 0.1s); 
$display-columns: 0.2s; 

$display-summary: 0.2s; 
$post-display-summary-delay: calc(#{$post-load-modal-delay} + #{$display-columns} + 0.1s); 

@include animate(fadeIn $display-summary $post-display-summary-delay forwards);

IE11將這種作爲下方，並且以紅色突出顯示指示無效的CSS

animation: fadeIn 0.2s calc(calc(0.2s + 0.1s) + 0.2s + 0.2s + 0.1s) forwards

鑑於鉻讀取同一行，但由於某種原因沒有按」牛逼抱怨並根據需要

如果我刪除Calcs（計算）爲動畫計時行爲是作品只是在IE11細爲好。我如何才能使用calc來在IE11中使用Sass變量來進行動畫計時？

更新

有點閒逛我想這是由於試圖計算中使用秒後。不知道爲什麼它可以在Chrome瀏覽器中工作，而不是IE11，但它會喜歡任何人的洞察力。經過更多的插入後，所有插值出現在點上，秒被標記爲秒，但仍然沒有進行計算。

UPDATE2

更擺弄它之後似乎僅IE有困難的時間計算單位它拒絕允許隨着時間的推移Calcs（計算）。 calc(0.1s + 0.1s)導致錯誤，而只是使用0.2s工作正常

關於如何使用calc來幫助管理我的動畫定時，並仍然讓IE的行爲的任何建議？

來源

2017-02-21 Joshua Ohana

你不需要計算 - 只需使用除了不插

$load-modal: 0.2s; 
$post-load-modal-delay: $load-modal + 0.1s; 
$display-columns: 0.2s; 
$display-summary: 0.2s; 
$post-display-summary-delay: $post-load-modal-delay + $display-columns + 0.1s; 


// $post-display-summary-delay is 0.6s

來源

2017-02-21 22:23:07

認爲這樣做是由於@Jakob電子！現在有一些其他問題，除非我在Inspector中取消選中並重新檢查動畫，否則動畫實際上並未啓動 –

它應該如何觸發它是否取決於用戶交互 - 例如，徘徊？ –

不，在正在添加的課程上。該類被添加並顯示在檢查器中，但實際上並沒有觸發，直到我取消選中並重新選中該框 - 在Chrome中完全正常工作，因爲 –

IE11薩斯計算C動畫計時不工作

回答

相關問題