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

时间:2018-05-31 21:01:55

标签: javascript reactjs react-modal

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

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

<Modal
      isOpen={open}
      onRequestClose={this.handleCloseModal}
      style={styles.modal}
      contentLabel="Example Modal"
      onAfterOpen={this.disableScroll}
>

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

disableScroll = () => {
   document.body.style.overflow = 'hidden'
}

我也遵循ios的css指南:

parent: {
  overflow: 'hidden',
  position: 'absolute',
  width: '100%',
  height: '100%'},

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

0 个答案:

没有答案