ion-fixed 在 ios 设备上移动不流畅

Question

我有一个滚动页面，我想在 ionic2 的底部添加一个固定的 div。我使用 ion-fixed，它在 android 设备上效果很好，固定在页面底部，但在 iOS 滚动页面时，它会一直跳跃直到找到位置. 我确信在 ionic 工作的人已经强迫了同样的问题。我尝试检测平台并使用 css 调整

position: sticky;

它移动得很顺利，但是当你到达页面末尾时我会遇到另一个弹跳问题（如果你继续从顶部滚动页面或底部区域）。

Answer 1

如果你想在页面底部放置一个 div，固定的，在 Ionic 中执行此操作的最佳方法是将 div 放在 ion-content 之外:

<ion-header>
  <!-- ... -->
</ion-header>

<ion-content>
  <!-- ... -->
</ion-content>

<div class="fixed">
  <!-- ... -->
</div>

然后根据需要使用一些css样式规则来设置它的位置：

div.fixed { 
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 999
}

由于它在内容之外，在滚动事件期间它会被 Ionic 忽略。

ion-fixed not moving smoothly on ios devices