时间戳

首页 > 解决方案 > react-modal：打开Modal时不要滚动父组件ios

javascript - react-modal：打开Modal时不要滚动父组件ios

问题描述

这个问题与#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上解决这个问题吗？

标签： javascriptreactjsreact-modal

解决方案

推荐阅读