Skrollr動畫在safari中閃爍。我究竟做錯了什麼？

Question

向下滾動圖像動畫時，它會在每張圖像之間閃爍。當滾動回來並重新開始時，閃爍消失。在Chrome和Firefox中運行得非常好。繼承人代碼結構：

HTML 

<div class="container" id="arena"> 
      <div id="animate" 
      data-anchor-target="#arena" 
      data-smooth-scrolling="off" 

      > 
        <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0001.png" alt="" data-0-top="display:none;" data--100-top="display:block;" data--125-top="display:none;"> 
        <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0003.png" alt="" data-0-top="display:none;" data--125-top="display:block;" data--150-top="display:none;"> 
        <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0004.png" alt="" data-0-top="display:none;" data--150-top="display:block;" data--175-top="display:none;"> 
</div> 

CSS: 

img { 
    height: 500px; 
    width: 800px; 
    position: fixed; 
} 


    #arena { 
     position: relative; 
     width: 1000px; 
     height: 900px; 
     background-size: 900px 800px; 
    } 
    #animate { 
     width: 850px; 
     height: 650px; 
     position: fixed; 
     background-size: 900px 800px; 
     background-repeat: no-repeat; 
     left: 10%; 


    } 

Answer 1

固定，img {position：fixed）是問題所在。刪除並解決問題