2

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

我的实际代码(出于安全原因,我无法在此处粘贴我的代码)具有:

  • 与弹出容器相比,选择框的 z-index 更大,因此它在弹出窗口顶部的渲染没有问题。

  • 选择框的 z-index 与弹出窗口相关,而不是整个页面,因此当弹出窗口高度较小时,选择框隐藏在弹出窗口后面。

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

如果我没有应用 jquery ui 选择菜单,它会按预期工作。

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

  • 1.当有足够的弹出窗口大小时。 在此处输入图像描述

  • 2.当弹出窗口较小时,选择隐藏。 在此处输入图像描述

  • 3.我期待什么。 在此处输入图像描述

请建议我可以做些什么来解决这个问题。

4

1 回答 1

0

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

这将使主 div 顶部/底部边界之外的内部内容被渲染。

popupSelector {
   overflow-y: visible;
}

这是关于溢出-y的文档

于 2015-06-09T12:40:11.017 回答