离子标签随内容滚动，而不是固定在底部（离子4）

Question

问题：

我已将ion-tab-bar的slot属性设置为“ bottom”，但是，ion-tabs似乎将自身定位在ioncard元素内，并且滚动查看ioncard内容以读取更多信息时，标签随内容滚动。

我曾尝试使用CSS来设置ion-tabs的位置：固定，但是这样会使内容完全停止滚动（无法读取离子卡的所有内容）。

有人知道解决方法吗？谢谢您的帮助。

背景：

问题的片段： https://streamable.com/m650o

GITHUB回购： http://github.com/JamesSlater/BoutiqueSolicitors

应用登录详细信息：
用户名=用户
密码= 123

about.page.html

<ion-tab-bar slot="bottom">
          <ion-tab-button class="activeTab" tab="about">
           <ion-icon name="information-circle-outline"></ion-icon>
            <ion-label>About Us</ion-label>
          </ion-tab-button>
          <ion-tab-button tab="dashboard">                   
            <ion-icon name="home"></ion-icon>
            <ion-label>Dashboard</ion-label>
          </ion-tab-button>
          <ion-tab-button tab="contact">
            <ion-icon name="contacts"></ion-icon>
            <ion-label>Contact Us</ion-label>
          </ion-tab-button>
        </ion-tab-bar>
      </ion-tabs>

有关更多信息，请参见github回购。