Ionic header - 有必要吗?如何让它滚动而不是固定
Ionic header - is it necessary ? how to make it scroll rather than be fixed
构建一个离子应用程序,我注意到 ion-header 始终固定在页面顶部,我似乎无法在框架内找到一种方法来使其随内容滚动,所以我有现在将它从我的所有页面中完全删除,并以具有后退按钮等的形式添加了一个 header
我想知道的是,这是实现我想要的目标的标准方法还是有更好的方法?删除 ion-header 等我可能会遇到任何问题吗?
首先我要说的是 header 固定在页面顶部是 iOS 和 Android 的标准,所以这就是 Ionic 的原因是吗 - 移动应用程序用户希望您的应用程序能够像 99% 的其他移动应用程序一样运行。
Is there any issues I may encounter by removing ion-header etc..
由于 Ionic 期望 header 出现在您网页中的特定位置,您可能会遇到与以下相关的问题:
页面转换:就像您在 this answer 中看到的那样,如果 header 没有放在 Ionic 期望的位置。
"Overscrolling" 在 iOS 上:当您位于页面顶部并且仍然尝试在 iOS 上滚动到顶部时,您希望页面内容滚动,但 header 保持在同一位置。如果 header 没有固定在顶部,当 overscrolling.
[= 时,您会在页面顶部看到一个白色背景的部分39=]
iPhone X 安全区域:Ionic 使用一些 CSS 规则来确保 header 在像 iPhone X 来处理这些设备所具有的顶级功能。如果您以不同的方式放置 header,您可能需要使用自己的 CSS 规则手动修复它。
状态栏重叠:也与上一项有关,header 防止内容显示在 iOS 状态栏后面。如果您没有 header,您可能需要在您的内容中添加一些额外的填充以避免这种情况。
如果您确实需要在您的应用中隐藏 header,避免这些问题的一种方法是让 header 在用户滚动时隐藏。这样 header 仍然会在 Ionic 想要的位置,但一旦用户滚动它就会消失(这也是一些应用程序所做的已知模式)。请查看 this amazing post 以了解如何执行以下操作:
构建一个离子应用程序,我注意到 ion-header 始终固定在页面顶部,我似乎无法在框架内找到一种方法来使其随内容滚动,所以我有现在将它从我的所有页面中完全删除,并以具有后退按钮等的形式添加了一个 header
我想知道的是,这是实现我想要的目标的标准方法还是有更好的方法?删除 ion-header 等我可能会遇到任何问题吗?
首先我要说的是 header 固定在页面顶部是 iOS 和 Android 的标准,所以这就是 Ionic 的原因是吗 - 移动应用程序用户希望您的应用程序能够像 99% 的其他移动应用程序一样运行。
Is there any issues I may encounter by removing ion-header etc..
由于 Ionic 期望 header 出现在您网页中的特定位置,您可能会遇到与以下相关的问题:
页面转换:就像您在 this answer 中看到的那样,如果 header 没有放在 Ionic 期望的位置。
"Overscrolling" 在 iOS 上:当您位于页面顶部并且仍然尝试在 iOS 上滚动到顶部时,您希望页面内容滚动,但 header 保持在同一位置。如果 header 没有固定在顶部,当 overscrolling.
[= 时,您会在页面顶部看到一个白色背景的部分39=]iPhone X 安全区域:Ionic 使用一些 CSS 规则来确保 header 在像 iPhone X 来处理这些设备所具有的顶级功能。如果您以不同的方式放置 header,您可能需要使用自己的 CSS 规则手动修复它。
状态栏重叠:也与上一项有关,header 防止内容显示在 iOS 状态栏后面。如果您没有 header,您可能需要在您的内容中添加一些额外的填充以避免这种情况。
如果您确实需要在您的应用中隐藏 header,避免这些问题的一种方法是让 header 在用户滚动时隐藏。这样 header 仍然会在 Ionic 想要的位置,但一旦用户滚动它就会消失(这也是一些应用程序所做的已知模式)。请查看 this amazing post 以了解如何执行以下操作: