【问题标题】:Iphone 6: position fixed scrolling issueIphone 6:位置固定滚动问题
【发布时间】:2015-04-11 09:20:50
【问题描述】:

我有类似问题New Fixed position bug on iOS8中提到的问题。

如果您单击具有子菜单的菜单,则菜单将扩展到所有 li 的高度。除了iphone 6 plus,它在任何地方都可以正常工作。在 iphone 6 plus 中,如果您单击最后一个包含子菜单的菜单,它会展开并且用户无法滚动。

对于导航,我使用了位置:固定。如何让它滚动?

【问题讨论】:

  • 您能提供您的代码示例吗?
  • @Shaggy jsbin.com/xuyevi/2 类似这样的东西,但是如果你点击菜单并且如果它有子菜单,它会展开
  • 那么,你的意思是,因为菜单是固定的,所以最后一个子菜单会从屏幕底部掉下来?
  • 是的,因为我尝试在菜单选项中添加 margin-bottom padding bottom 但它仍然没有滚动
  • 请参阅下面的答案,应该可以帮助您。抱歉缺少示例代码,我现在正在使用手机。

标签: html ios css iphone-6


【解决方案1】:

您需要做的是将固定元素的高度或最大高度设置为 100%,然后将其溢出设置为自动。如果菜单的总高度超过窗口的高度,这将允许您独立于页面的其余部分滚动菜单。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-07-15
    • 1970-01-01
    • 2015-12-29
    • 2011-03-25
    • 2014-12-15
    • 2018-10-16
    • 2019-04-25
    相关资源
    最近更新 更多