尝试使用flex-direction: column-reverse来反转列表中的项目，并启动底部的滚动条。这在Chrome / Safari上运行正常（padding-top无法正常工作）。
无论如何，如果您在iOS设备上查看此内容，您将无法看到任何内容。动画和过渡不适用于flex-direction: column-reverse。如果将其更改为flex-direction: column，一切都按预期工作。而-webkit-overflow-scrolling: touch的某些内容也与column-reverse不一致。
您还可以看到padding-top未受到尊重。
实施例： http://codepen.io/ryanmclaughlin/pen/cad31489bf2dcc4d2b03a88fdd649ecf/