Ionic framework 爱奥尼亚3按钮不是完全固定在页脚，它在滚动时移动

我需要修复爱奥尼亚3项目页面底部的一个按钮

实际的scss脚本可以工作，但按钮并不是完全固定在底部，它在滚动时移动

以下是sass脚本：

.fixedBtn{
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 10px;
  right: 0;
}

我尝试使用flex

flex

：

div{
  display: flex;
  flex-direction: column;
}

但是结果是这样的，不是正确的行为

说：

 <button ion-button primary class="fixedBtn">a</button>

<ion-content>

 /** your content  */ 

</ion-content>

<button ion-button primary class="fixedBtn">a</button>

.fixedBtn{
  width: 100%;
  position: fixed !important;
  left: 0;
  bottom: 50px;
  right: 0;
}