这个问题与#issue 191: Don't scroll parent component when Modal is open有关
这个问题现在发生在 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上解决这个问题吗?