材质UI抽屉组件隐藏底层导航栏

Question

我正在尝试Google材质UI库的抽屉组件。我已经配置并正在工作，但问题是，它在我的Web应用程序的底层导航栏上重叠。有没有一种方法可以将此库的抽屉功能限制在{wholeScreen - topNavigationBar}区域？

这里是我的渲染函数返回

 <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> 

Answer 1

如果你看抽屉的款式，你会看到它有z-index: 1300财产。所以我想你应该给你的Navbar z-index大于1300