在Safari中,当父元素将overflow-y
设置为auto
时,当子元素的位置固定时,它将overflow-x
视为scroll
或visible
。有没有解决这个问题?请看这个jsFiddle
.flyout{
position: fixed;
//this doesnt display
}
.parent{
overflow-y: auto
}
弹出元素在safari中不可见,而在chrome和firefox中仍然可见
http://jsfiddle.net/magicdawn/vt1cweyx/10/
overflow
height
和overflow-y
添加到直接孩子由于overflow-x: visible
和overflow-y: scroll
在野生动物园中表现得很奇怪,所以我们将它们分成2个元素。
.parent
处理overflow-x: visible
.menu
处理overflow-y: scroll