父级的高度自动和子级的溢出-y滚动，div不调整大小。 （弹出）

Question

我有以下代码。其目的是向用户显示弹出窗口。

正如您在屏幕截图中看到的那样，登录窗口后面会出现空格。该寄存器有效且y-scrolling可用。当我将.contentWindowContainer css更改为height:auto;时，登录框会正确显示，但是寄存器形式会失去其滚动功能。屏幕截图显示了两个模态

我的问题是如何保留滚动寄存器的功能，同时防止登录框有空白区域？

http://codepen.io/anon/pen/LVQeGp

如果您将.contentWindow height属性从auto更改为100%，您应该会看到错误。

谢谢，亚当

Answer 1

如果您将overflow-y: scroll从.contentWindowContainer移至.contentWindow，则height: auto可以解决所有问题。它确实在侧面增加了一个额外的滚动条，所以我挖出并删除了你用jquery添加它的所有地方。如果其中任何一个是重要的（我不知道删除overflow-y的那个，但我也摆脱了它）然后我不知道如何摆脱额外的滚动条。除此之外它似乎工作正常。这是codepen。

希望这不会破坏任何其他相关代码，但如果没有看到剩下的代码，那么就没有其他工作了。