溢出-y:父元素上的auto隐藏位置固定的子元素

时间:2014-10-03 17:29:46

标签: html css safari overflow css-position

在Safari中,当父元素的overflow-y设置为auto时,如果子元素有位置,它会将overflow-x视为scrollvisible固定。有没有解决这个问题?请参阅此jsFiddle

.flyout{
    position: fixed;
    //this doesnt display
}

.parent{
    overflow-y: auto
}

flyout元素在safari中不可见,而在chrome和firefox

中仍然可见

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/magicdawn/vt1cweyx/10/

  • 从包装器中删除overflow
  • 添加height& overflow-y直接儿童

由于overflow-x: visibleoverflow-y: scroll在safari中表现很奇怪,因此我们将它们分成2个元素。

  • 顶部包装.parent处理overflow-x: visible
  • 内部元素.menu处理overflow-y: scroll