离子头-有必要吗？如何使其滚动而不是固定

Question

构建一个离子应用程序后，我注意到离子标题始终固定在页面顶部，我似乎无法在框架内找到一种方法来使其能够与内容一起滚动，因此我现在将其完全删除了从我所有的页面开始，并以的形式向其中添加了标题，其中包含后退按钮等

我想知道的是，这是实现我想要的标准方法还是有更好的方法？去除离子头等可能会遇到任何问题。

Answer 1

首先，我必须说的是，将页眉固定在页面顶部是iOS和Android上的标准，这就是Ionic这么做的原因-移动应用程序用户希望您的应用程序像这样就像其他移动应用程序中的99％一样。

  

通过去除离子头等可能遇到任何问题。

由于Ionic希望标题位于页面中的特定位置，因此您可能会遇到以下问题：

• 页面转换：就像您在 this answer 中看到的那样，如果页眉未放在Ionic期望的位置，iOS页面转换将无法正常工作。

• 在iOS上“过度滚动”：当您位于页面顶部时，仍然尝试在iOS上滚动至顶部，您可能希望页面内容滚动但标题会保持在同一位置。如果标题没有固定在顶部，则在过度滚动

时，页面顶部会显示白色背景的区域。

• iPhone X安全区域：Ionic使用一些CSS规则来确保标头在iPhone X等设备顶部的顶部有一些额外的填充，以处理这些设备的顶部标记。如果您以其他方式放置标头，则可能需要使用自己的CSS规则手动进行修复。

• 状态栏重叠：此标题也与上一项相关，该标题可防止内容显示在iOS状态栏后面。如果没有标题，则可能需要在内容中添加一些额外的填充，以免出现这种情况。

如果您确实需要在应用程序中隐藏标题，则避免这些问题的一种方法是在用户滚动时隐藏标题。这样，标题仍将是Ionic想要的位置，但是一旦用户滚动，标题就会消失（这也是某些应用程序执行的已知模式）。请查看 this amazing post 以了解如何执行以下操作：