ReactJS + Redux-Material-UI:如何使<Toolbar />浮动?

乔高

使用:http : //www.material-ui.com/#/components/toolbar,向下滚动时如何使它可浮动?

我可以通过以下方式做到这一点:textAlign:'center', position: 'fixed', top: 0但是,当我使用时<Toolbar/>,它的大小会奇怪地调整。

杰罗恩·维恩克(Jeroen Wienk)

您是否尝试过将宽度设置为100%?这为我工作:

<Toolbar
  style={{
    position: 'fixed',
    top: 0,
    width: '100%'
  }}>
// Content
</Toolbar>

或者:

<Toolbar
  style={{
    position: 'fixed',
    top: 0,
    left: 0,
    right: 0,
  }}>
// Content
</Toolbar>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使Material-UI reactjs FloatingActionButton浮动

ReactJS + Redux:如何使用Material-UI的RaisedButton作为<input />?

如何减少Material Toolbar的Material-UI高度?

如何使Material-UI单选按钮浮动:向左

如何使用Redux表示Material UI Drawer?

带有浮动输入标签的 material-ui-chip-input

带有Redux的Material UI v1-如何导出

如何通过Redux存储动态更新Material UI主题?

如何基于Redux Store入口加载Material UI Theme

ReactJS Material UI 如何使用 DatePicker、LocalizationProvider、AdapterDateFns

如何在ReactJS Material UI中使用useStyle?

如何通过Webpack的外部使用CDN导入ReactJS Material UI?

redux-form-material-ui 控制的 DatePicker

ReactJS Material UI组件CSS类,澄清

Material-UI,Reactjs中的表单

ReactJS水平对齐Material-UI元素

Reactjs 和 Material UI 上的悬停功能

Reactjs 和 Material UI 的路由问题

数据更改时如何刷新ReactJS中的Material-Table(Material-ui)组件

如何在material-ui中的两个组件之间集成一个浮动动作按钮?

如何将redux-form与material-ui v1(material-ui-next)结合使用?

如何在Material-UI中使用framer-motion?(reactjs)(@ material-ui / core)(成帧器运动)

使用material-ui应用程序栏和material-ui-next左右浮动的正确方法是什么?

如何在 ReactJS 中的 src={pdf} 之后添加 #toolbar=0

Redux ReactJS:组件如何访问商店?

React Redux-如何使用我可以向其中添加输入的material-ui构建表单?

如何在reactjs中使用material-ui仅显示登录页面?

如何在ReactJS中设置或清除material-ui输入的值

如何在Reactjs Material UI上使用CSS @media与makeStyles进行响应?