jquery - 父级的高度自动和子级的 overflow-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 下正常工作: 自动。它确实在侧面添加了一个额外的滚动条，所以我挖掘并删除了您使用 jquery 添加它的所有位置。如果其中任何一个很重要(我不知道删除 overflow-y 的那个，但我也删除了它)那么我不确定如何删除额外的滚动条.除此之外，它似乎工作正常。这是 codepen .

希望这不会破坏任何其他相关代码，但如果没有看到它的其余部分，就没有太多其他可以使用的了。