Javascript 固定/流体div溢出问题

我知道固定列在X轴和Y轴上可能有溢出。我还读到，如果将其中一个轴设置为“自动/滚动”，则另一个轴将继承上一个轴的行为，除非将其设置为“隐藏”

我的困境是：我有一个固定的专栏

<div>
    <div class="fixed">
        fixed on the left
    </div>
    <div class="relative">
        scrolls and normal behavior on the right
    </div>
</div>

固定在左边
右侧的滚动和正常行为

fixed

区域中有一组指令，它们有自己的行为

一些指令具有

ng show

s，可以启用一个弹出窗口，其中包含需要不断来回传递的相关数据和信息

当弹出窗口出现时，它嵌套在固定div中，是

scroll-x

的一部分，设置为

overflow:hidden

，因为否则div会从左向右滚动，行为会被破坏

这是我的预期行为：

这是实际行为：

---

有人知道我如何实现预期的行为吗？

我能够通过在fixed div区域之外编译和注入指令来解决这个问题

解决问题的方法是在指令内部编译，该指令之前生成了我需要在固定区域之外显示的弹出窗口的所有数据/代码

在指令的构建过程中，我正在编译第二个指令，其中传递了当前指令的作用域（这是必需的）

---

感谢您的帮助，如果有人遇到此问题，请告诉我，我很乐意与您分享代码。

如果我理解正确，您希望小弹出窗口位于所有内容之上吗？尝试使用z-index。正如Lansana所说，尝试使用z-index，或者尝试删除Popupup上的溢出隐藏部分。如果在另一个元素中有一个元素具有

overflow:hidden

属性，那么大量的z-index将对您有所帮助。如果你想让它离开div，你需要移除溢出。正如@dingo_d提到的，z-index对这种情况没有帮助，因为固定框的宽度是X，弹出框的宽度是X+Y@dingo_d，我不想让div滚动，如果我删除

溢出：隐藏

它将采用另一个

溢出

轴的行为并开始滚动。您仍然可以使

溢出-y:hidden，因此不应出现滚动。