Question

我希望这个抽屉能像贴纸一样贴在页面上并且活跃起来。一切都很好，但每当我向下滚动时，整个抽屉也会向下移动。我该如何解决？我不希望滚动时整个事情向下移动。

注意：我尝试使用docked = {false}修复此问题。但是使用它会使整个页面无效，除了抽屉。

遇到同样的问题？任何解决方案？

mod b*b

Answer 1

你可以为此创建一个jsfiddle，以便我们可以查看它。要么尝试添加＆＃34; Top＆＃34; containerStyle中的css属性。

＆＃13;

<Drawer open={true} containerStyle={{top: '0%', background:'#545454', position:'fixed'}}>
  <MenuItem primaryText="My Name" style={{color:'white', marginTop:'10%'}} href="#/name" onClick={handlers.changeURL}/>
  <MenuItem primaryText="My Age" style={{color:'white'}} href="#/age" onClick={handlers.changeURL}/>
  <MenuItem primaryText="My Address" style={{color:'white'}} href="#/address" onClick={handlers.changeURL}/>
  <MenuItem primaryText="My Files" style={{color:'white'}} href="#/files" onClick={handlers.changeURL}/>  
</Drawer>

＆＃13;

Material-UI抽屉问题

1 个答案: