如何在其他div上显示下拉显示？

Question

因此，我有一个表，通过更改css中的可滚动表，使其水平滚动。

但是，下拉菜单开始以可滚动的方式在表的末尾附近被切断。因此下拉菜单在技术上是可见的，但是您必须将光标放在下拉菜单附近，然后尝试向下滚动以查看下拉菜单的其余部分。我试图使溢出-y隐藏，这禁用了垂直滚动，但这并没有使下拉到其他div。当然z指数也是..。

因此，在代码片段之前，它看起来如下(因为您可以选择按钮被切断)：

​

​

        $('.table-scrollable').css({'display' : 'inline-block', 'width' : '100%', 'overflow-x' : 'auto'});
        $('.dropdown-toggle').css({'z-index' : 9999});
        $('.dropdown-menu').css({'z-index' : 9999});
        $('.li').css({'z-index' : 9999});

在代码之后，看起来是这样的：

​

​

如何使该表既可水平滚动，又仍能像以前一样使下拉菜单可见？那么下拉菜单会检查页码吗？

Answer 1

将下拉列表设置为fixed位置，替换代码：

$('.dropdown-menu').css({'z-index' : 9999});

至：

$('.dropdown-menu').css({'position' : 'fixed', 'z-index' : 9999});

但还会有其他的问题.

或者，而不是使位置固定的使您的table-scrollable有固定的高度，所以它总是允许下拉到适合它的高度而不隐藏它，改变：

$('.table-scrollable').css({'display' : 'inline-block', 'width' : '100%', 'overflow-x' : 'auto'});

至：

$('.table-scrollable').css({'display' : 'inline-block', 'width' : '100%', 'min-height': '200px', 'overflow-x' : 'auto'});

overflow**，(我猜当表中没有数据时，您的问题导致了)**