在Safari中,当父元素的overflow-y
设置为auto
时,如果子元素有位置,它会将overflow-x
视为scroll
或visible
固定。有没有解决这个问题?请参阅此jsFiddle
.flyout{
position: fixed;
//this doesnt display
}
.parent{
overflow-y: auto
}
flyout元素在safari中不可见,而在chrome和firefox
中仍然可见答案 0 :(得分:0)
http://jsfiddle.net/magicdawn/vt1cweyx/10/
overflow
height
& overflow-y
直接儿童由于overflow-x: visible
和overflow-y: scroll
在safari中表现很奇怪,因此我们将它们分成2个元素。
.parent
处理overflow-x: visible
.menu
处理overflow-y: scroll