如何使父子滾動條頂部的子元素顯示

Question

我在表格單元格內有一個自定義下拉菜單。包含該單元格的表格位於應該水平滾動但不垂直滾動的包裝中。水平滾動工作正常，但我發現，

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

將不會一起工作，根據規格。下拉內容顯示在父容器的滾動條下方。我試圖讓水平滾動條頂部的下拉菜單顯示。

這是我到目前爲止的jsfiddle。我不知道如何讓垂直滾動條在您點擊下拉菜單時不會出現。我正在考慮克隆下拉菜單，將其附加到主體的末端，然後將其定位到原始位置，以便它基本上浮在所有內容上，而不會影響表格的容器。事情是，我將不得不想辦法讓容器滾動時與表滾動。

謝謝。

Answer 1

這是不可能的，因爲.wrapper包裝所有的內容。所以如果你想.content重疊滾動條，.content必須在.wrapper之外。我會盡快給你發送演示。等一下！

這裏的鏈接：http://jsfiddle.net/bobkhin/92gey/

Answer 2

試試這個：

.wrapper { 
    overflow: scroll; 
    width: 100%; 
} 

，或者如果你想要一個下拉應該來上單槓的頂部，那麼你就需要設置，「頂」屬性在下面的CSS：

有些東西一樣這：

.custom-dropdown .contents { 
    top:-25px; 
}