Css 页脚栏隐藏内容

我正在处理一个离子应用程序，我有以下代码：

<ion-footer-bar  >
    <div class="tabs tabs-icon-top">
  <a class="tab-item" href="#/admin">
    <i class="icon ion-arrow-left-a" style="color:blue" ></i>
  </a>

</div>
</ion-footer-bar>

---

当我有一个很长的列表时，这个页脚会隐藏内容，而不会停留在页面底部。我搜索并找到了一些像这样的解决方案：，但它对我不起作用。我该怎么办

请制作一把工作小提琴。您可以使用

display:none和当滚动到达底部时，您可以使用
content
标签上的滚动事件来获取。您必须计算滚动是否到达底部。如果是，那么你必须再次显示页脚以了解你的意思，但是我如何才能在内容上执行此活动！