材质UI抽屉组件隐藏底层导航栏
问题描述:
我正在尝试Google材质UI库的抽屉组件。我已经配置并正在工作,但问题是,它在我的Web应用程序的底层导航栏上重叠。有没有一种方法可以将此库的抽屉功能限制在{wholeScreen - topNavigationBar}区域?材质UI抽屉组件隐藏底层导航栏
这里是我的渲染函数返回
<div>
<NavBar />
<div>
<Button onClick={this.handleLeftOpen}>Menu</Button>
<Drawer
open={this.state.open.left}
onRequestClose={this.handleLeftClose}
onClick={this.handleLeftClose}>
{leftDrawerList}
</Drawer>
</div>
</div>
答
如果你看抽屉的款式,你会看到它有z-index: 1300
财产。所以我想你应该给你的Navbar z-index大于1300