我在Onsen中创建了一个效果很好的模态,但有时候我的内容超出了页面边界。 Modal自然不支持滚动,并且Onsen中的React支持不支持<Scrollable />
元素,所以我试图像<section/>
这样滚动:
<Modal isOpen={this.state.selected.title !== undefined} onDeviceBackButton={()=> this.setState({selected: {}})}>
<section style={{margin: '16px', overflow: 'auto', height: '100%'}}>
<h2>{this.state.selected.title}</h2>
{myReallyLongContent}
</section>
</Modal>;
这在我的桌面浏览器上进行测试时可能会起作用(在“Chrome移动测试”中);但是,在我的实际移动设备上进行测试时,滚动不起作用(通过触摸滑动)。有解决方法吗?