我在尝试在iOS上开发混合应用程序时遇到了严重的问题。问题是我使用flex-direction: column-reverse来显示邮件中的回复。一切正常但我需要translate3d或translateZ黑客才能在收到活动时更新回复。无论如何，我这样做，每个人都很好但是......当我启用-webkit-overflow-scrolling: touch时，内容变得疯狂。一切都很好，但内容定位错误。如果我将flex-direction: column-reverse更改为flex-direction: column一切都很好，但我会以其他方式想要订单（这样我收到新邮件时也会受益于“始终在底”的定位）
如果你有iOS设备，请检查http://edi.srl/ios.html ::这里比jsfiddle更容易看到。继续横向，看看“回复”的定位会发生什么。
flex-direction: column-reverse切换为column，一切正常，但布局不是我想要的。translate3d或translateZ选项，一切正常，但更新不会呈现（除非我将元素滚出视口以便重新渲染） -webkit-overflow-scrolling: touch，一切都很好，但是你可能知道滚动真的很奇怪。有什么想法吗？