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