react-modal:打开模态时不要滚动父组件

Kai*_*Kai 6 javascript reactjs react-modal

此问题与#issue 191有关:打开模态时不要滚动父组件

现在这个问题发生在iOS上.因为后面的父母正在滚动.模态有时似乎没有反应.我按照建议使用onAfterOpen回调,如下所示:

<Modal
      isOpen={open}
      onRequestClose={this.handleCloseModal}
      style={styles.modal}
      contentLabel="Example Modal"
      onAfterOpen={this.disableScroll}
>
Run Code Online (Sandbox Code Playgroud)

在同一个父级中,我定义了disableScroll:

disableScroll = () => {
   document.body.style.overflow = 'hidden'
}
Run Code Online (Sandbox Code Playgroud)

我也遵循ios的css指南:

parent: {
  overflow: 'hidden',
  position: 'absolute',
  width: '100%',
  height: '100%'},
Run Code Online (Sandbox Code Playgroud)

太糟糕了,当模态关闭时,这会停止父视图的滚动.知道如何在ios上解决这个问题吗?