antd pro 布局,如何固定侧边导航栏,使其不随着页面一起滚动?

金佳栋
  • 1
新手上路,请多包涵

如何固定侧边导航栏,使其不随着页面一起滚动?以下是我的代码,不知道那里出了问题,那个fixSiderbar属性没有效果

<div className={styles.layout_container}>
  <ProLayout
    {...basicProps}
    fixSiderbar
    menuItemRender={menuItemRender}
    headerRender={false}
    menuHeaderRender={false}
    // menuDataRender={menuDataRender}
    menu={{ defaultOpenAll: true }}
  >
    <PageContainer
      breadcrumbRender={(page) => {
        const { breadcrumb } = page;
        const { routes: breadList } = breadcrumb;
        return (
          <Breadcrumb>
            {breadList &&
              breadList.map((item, index) => (
                <Breadcrumb.Item key={index}>
                  {index === 0 ? (
                    item.breadcrumbName
                  ) : (
                    <Link to={item.path}>{item.breadcrumbName}</Link>
                  )}
                </Breadcrumb.Item>
              ))}
          </Breadcrumb>
        );
      }}
      // ghost
    >
      {props.children}
    </PageContainer>
  </ProLayout>
</div>
回复
阅读 250
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏