在溢出、弹出式容器外显示嵌入式复选框

Question

我有一个弹出页面，在那个页面中我有一个选择框，我已经应用了jquery选择菜单。问题是，选择框在弹出窗口的底部，当它打开时，它就超出了弹出的限制。

我的实际代码(出于安全原因不能粘贴我的代码)有：

• 与弹出式容器的z索引相比，选中框的z索引更大，因此它在弹出顶部的呈现没有问题。
• 选中框的z索引相对于弹出，而不是整个页面，因此当弹出高度较小时，选择框隐藏在弹出后。

所需的行为是当弹出高度小于显示所有复选框所需的高度时。我需要在不隐藏的情况下显示选择框。

如果我没有应用jquery选择菜单，它就可以正常工作了。

请查找以下图片以供参考。

• 1.有弹出式尺寸时。

​

• 2.当弹出式大小较小时，选择隐藏。

​

• 3.我所期望的。

​

请给我建议一下我能做些什么来解决这个问题。

Answer 1

在主弹出div上添加CSS属性overflow-y:visible：

这将使内部内容在主div顶部/底部边界之外呈现。

popupSelector {
   overflow-y: visible;
}

这是关于溢出-y的文档。