ReactJS + Redux - Material-UI: Wie zu machen <Toolbar/> Floatable?

Question

Verwenden: http://www.material-ui.com/#/components/toolbar, wie kann ich Floatable beim Scrollen machen?

Ich konnte es mit dem folgenden tun: textAlign:'center', position: 'fixed', top: 0 aber wenn ich es mit dem <Toolbar/> tun, es ändert die Größe weirdly.

Answer 1

Haben Sie versucht, die Breite auf 100% zu setzen? Dieser arbeitete für mich:

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

Oder:

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