javascript - 具有溢出问题的固定/流动 div

Question

我知道固定列可以在 X 轴和 Y 轴上溢出'。我还在某处读到，如果您将其中一个轴设置为自动/滚动，则另一组将继承前一个轴的行为，除非它被设置为 hidden。

我的困境是:我有一个固定的列

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

fixed 区域中有一堆指令，它们具有自己的行为。

一些指令有 ng-show 可以启用一个弹出窗口，其中包含需要不断来回传递的相关数据和信息。

当弹出窗口出现时，它嵌套在固定的 div 内并且是 scroll-x 的一部分，它被设置为 overflow: hidden 因为否则 div从左到右滚动，行为被破坏。

这是我预期的行为:

这是实际行为:

有人知道我怎样才能达到预期的行为吗？

Answer 1

我能够通过在固定 div 区域之外编译和注入(inject)指令来解决这个问题。

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

在构建指令时，我正在编译第二个指令，其中传递了当前指令范围(这是需要的)。

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