iPhone上的Chrome上的Angular Animations translationY提前完成

时间:2018-12-12 20:04:48

标签: ios iphone angular animation

我的应用程序中有一个滚动动画,在上一个问题得到回答后,该动画使用translateY将正文翻译为列表中的下一个问题。在所有浏览器的桌面上以及Safari的移动设备中,此行为均正常运行。但是,对于某些在Chrome上运行的iPhone,转换应在700毫秒内完成,而转换应在100毫秒内完成,从而导致明显的跳跃。我能够在iPhone 6、6S和XR的Chrome中重现该问题。但是,iPhone 8没有问题。

Stackblitz:https://stackblitz.com/edit/angular-reqqdv

显示问题的屏幕录像:

  

iPhone XR-Safari(正在运行):https://youtu.be/fM6-hh_L1_Y

     

iPhone XR-Chrome(损坏):https://youtu.be/d_WblMfK3nc

     

iPhone 6-铬(断):https://youtu.be/WT6cHR-ZhlI

     

iPhone 6S-铬(断):https://youtu.be/kqvE2zqf4wc

     

iPhone 8-Chrome(正在运行):https://youtu.be/h9oP8Jc0Ix4

     

台式机-Chrome(MacBook Pro,正在运行):https://youtu.be/j93sqSXjIMI

GitHub问题:https://github.com/angular/angular/issues/27629

0 个答案:

没有答案