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

Question

如何固定侧边导航栏，使其不随着页面一起滚动？以下是我的代码，不知道那里出了问题，那个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>