jquery - 如何让子元素显示在父元素的滚动条之上

Question

我在表格单元格内有一个自定义下拉列表。包含该单元格的表格位于应该水平滚动但不能垂直滚动的包装器中。水平滚动效果很好，但我发现

overflow-x:auto;
overflow-y:visible;

根据规范，不能一起工作。下拉内容显示在父容器的滚动条下方。我试图让下拉菜单显示在水平滚动条的顶部。

这是一个 jsfiddle我到目前为止所拥有的。我不确定如何在您单击下拉菜单时不显示垂直滚动条。我正在考虑只克隆下拉菜单，将其附加到主体的末尾，然后将其定位到原始位置，这样它基本上就会浮在所有内容上，而不会影响表格的容器。问题是，我必须想办法让它在容器滚动时随表格一起滚动。

谢谢。

Answer 1

这是不可能的，因为 .wrapper 包装了所有内容。所以如果你想让 .content 覆盖滚动条，.content 必须在 .wrapper 之外。我很快就会把演示发给你。等等!

此处链接:http://jsfiddle.net/bobkhin/92gey/