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

Ionic framework 离子头-有必要吗?如何使其滚动而不是固定,ionic-framework,ionic3,ionic4,Ionic Framework,Ionic3,Ionic4,构建一个ionic应用程序时,我注意到ionic标题总是固定在页面顶部,我似乎无法在框架内找到一种方法使其能够与内容一起滚动,因此我现在已将其从所有页面中完全删除,并以带有后退按钮等的形式向页面添加标题 我想知道的是,这是实现我想要的标准方法还是有更好的方法?删除ion标题等是否会遇到任何问题?首先我必须说的是,在iOS和Android上,将标题固定在页面顶部是一个标准,这就是Ionic为什么这么做的原因-移动应用程序用户希望你的应用程序像其他移动应用程序那样运行 移除离子头等是否会遇到任何问题

构建一个ionic应用程序时,我注意到ionic标题总是固定在页面顶部,我似乎无法在框架内找到一种方法使其能够与内容一起滚动,因此我现在已将其从所有页面中完全删除,并以带有后退按钮等的形式向页面添加标题


我想知道的是,这是实现我想要的标准方法还是有更好的方法?删除ion标题等是否会遇到任何问题?

首先我必须说的是,在iOS和Android上,将标题固定在页面顶部是一个标准,这就是Ionic为什么这么做的原因-移动应用程序用户希望你的应用程序像其他移动应用程序那样运行

移除离子头等是否会遇到任何问题

由于您希望页眉位于页面中的特定位置,因此您可能会遇到以下问题:

  • 页面转换:正如您在中看到的,如果标题未放置在爱奥尼亚预期的位置,iOS页面转换将无法正常工作

  • iOS上的“过度滚动”:当你在页面顶部时,你仍然试图在iOS上稍微滚动到顶部,你希望页面内容滚动,但页眉保持在相同的位置。如果页眉没有固定在顶部,则在过度浏览时,页面顶部会出现一个白色背景的部分

  • iPhoneX安全区域:Ionic使用了一些CSS规则,以确保在诸如iPhoneX之类的设备的顶部有一些额外的填充,以处理这些设备所具有的最高级别。如果以不同的方式放置标题,则可能需要使用自己的CSS规则手动修复

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

如果您真的需要在应用程序中隐藏标题,避免这些问题的一种方法是在用户滚动时隐藏标题。这样的话,标题仍然会在爱奥尼亚想要的位置,但一旦用户滚动,它就会消失(这也是一些应用程序所做的已知模式)。请查看了解如何执行以下操作:


非常好的信息员,谢谢。我现在注意到页眉和无页眉页面之间的转换问题