【兼容性】ios上设置overflow: scroll不滚动bug

背景

目前遇到这么一个问题：我有一个可以向下展开的下来菜单，菜单初始高度大于300px左右，没有超过手机屏幕高度，当展开的时候如果超过手机屏幕高度时让父元素出现滚动条滚动，就是说内容的高度是动态的。

描述

此前我通过js动态获取屏幕高度，并设置为父元素的max-height。然后设置父元素overflow-y: scroll;

起初，我大概的代码布局如下：

 <div className='。' style={
    {
     maxHeight: this.state.viewPortHeihgt