ReactJS + Redux - Material-UI: Как сделать <Toolbar/> плавающим?

Question

Использование: http://www.material-ui.com/#/components/toolbar, как я могу сделать floatable при прокрутке вниз?

я был в состоянии сделать это с следующим: textAlign:'center', position: 'fixed', top: 0 , но когда я делаю это с <Toolbar/>, он изменяет причудливо.

Answer 1

Вы пробовали установить ширину на 100%? Это работает для меня:

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

Или:

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