實現了基于垂直滾動的圖像運動動畫。但是,圖像移動的動畫在Safari iOS上是抖動的(見下面的視頻)。使用CSS屬性transform: translate3d對圖像移動進行動畫處理。這個問題的可能原因是什么?
使用了GSAP的滾動觸發器。意志改變不會產生影響。 在桌面Chrome上,動畫不會抖動。如果使用平滑滾動,就可以解決這個問題。然而,在iOS上有原生滾動是必要的,因為它的性能更好,但動畫仍然抖動。我們在Safari iOS的不同版本上進行了測試,抖動問題依然存在。
如果不釋放滾動,動畫將停止抖動。然而,當執行滑動時,動畫開始抖動。我附上了一個展示這個問題的視頻。
https://drive . Google . com/file/d/1ksfnerxhe 5 JV rap 0 si k1 z 4 VX 0 phpaiob/view?usp =共享