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上解决这个问题吗?
| 归档时间: |
|
| 查看次数: |
1167 次 |
| 最近记录: |