我的应用程序中有一个滚动动画,在上一个问题得到回答后,该动画使用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