如何在部分旁边制作浮动侧按钮菜单

Question

我正在尝试制作一个由一些FAB（角度材料）组成的浮动侧菜单。此侧面菜单将浮动在我的主要部分（居中）之外。

我已经创建了页面结构和侧边菜单，但是我不清楚如何使它浮动在我的主要部分附近。

<div class="super-container">
  <div class="section-container">
    <mat-card>
      <mat-card-content>
        Here is section's header
      </mat-card-content>
    </mat-card>

    <mat-card class="main-section">
      <mat-card-content>
        Here is section body
      </mat-card-content>
    </mat-card>
  </div>

  <div class="column fab-menu">
    <button mat-fab>
      <mat-icon>save</mat-icon>
    </button>
  </div>
</div>

我想基本上使fab-menu浮动在主要部分之外。

在这段代码之外，还有我的标题。如果我的工厂菜单在滚动时点击标题，则该标题应保持可见。

这是我制作得更清楚的快速样机：