代码之家  ›  专栏  ›  技术社区  ›  Deathspike

固定AppBar下的内容

  •  36
  • Deathspike  · 技术社区  · 7 年前

    可能是一个基本问题,但我在文档中找不到任何示例。使用 material-ui-next 贝塔。30 . 我有以下几点:

    import * as React from 'react';
    import * as ReactDOM from 'react-dom';
    import * as mui from 'material-ui';
    import 'typeface-roboto';
    
    function App() {
      return (
        <div>
          <mui.Reboot />
          <mui.AppBar color="primary" position="fixed">
            <mui.Toolbar>
              <mui.Typography color="inherit" type="title">
                My Title
              </mui.Typography>
            </mui.Toolbar>
          </mui.AppBar>
          <mui.Paper>
            My Content
          </mui.Paper>
        </div>
      );
    }
    
    ReactDOM.render(
      <App />,
      document.getElementById('container')
    );
    

    我想要 mui.Paper 出现内容 在下方 这个 导航栏 ,而不是被它隐藏。有没有我遗漏的部件?

    6 回复  |  直到 7 年前
        1
  •  0
  •   wassfila    3 年前

    仅使用 position="sticky" 而不是 position="fixed" 用于AppBar。