JavaScript 最大表格大小

Question

我在开发网页时遇到了一些问题。以下是我遇到一些背景问题的页面的一般结构:

• 有一个表单，用户可以从四个复选框和一个下拉菜单中进行选择。当至少选择了一个复选框并从中选择了下拉菜单时，我使用 jQuery 生成一个“弹出窗口”，它实际上只是一个 iframe，我最初设置为隐藏，但一旦输入就变得可见有效的。这一切都很好。
• 在 iframe 中，我有一个交互式表格，其行由用户的表单输入动态确定。这是我遇到问题的表格。

可以这么说，我希望 table 有一个“最大高度”。换句话说，我希望表格的行能够正常打印出来，直到表格的总高度达到某个点。在这一点上，我希望表格变得可滚动，如果你愿意的话，这与文本区域在放入足够多的文本后变得可滚动的方式非常相似(它的整体高度不会改变，但你可以滚动它)。

我愿意接受任何建议，只要它们只涉及 HTML、CSS、PHP、JavaScript 和/或 jQuery。如果您需要任何说明，请毫不犹豫地提出 - 将所有这些都用文字表达出来并不容易，所以如果我不够清楚，我会理解的。

Answer 1

在您的 CSS 中，将 height: YOUR_MAX_HEIGHT 和 overflow-y: scroll 应用于您的表格。这应该是您要实现的目标的良好开端。