jquery - 如何在溢出 :hidden area? 中添加 DOM 元素

Question

我正在创建一个每年显示表格数据的控件。 table 类型的 DOM 元素被添加到 div 中，overflow 设置为 hidden。这些表的 position 设置为 relative。 div 的height 固定设置为一个表格的高度，这样一次只能看到一个表格。

我有一个分页机制，可以向前和向后翻页，并通过更改表格的 top 属性来动画转换，这样表格数据看起来就像在上下滑动。就像一个经典的日历。

我面临的问题是:添加新元素时，我想将其添加到现有表格顶部的 div-content 的隐藏部分，以便在将其添加到DOM 树。如果没有“黑客”，这可能吗？

我试图在将表格添加到 div 之前更改表格的 top 属性，但这并没有将它们放入 overflow:hidden div 的一部分。

我怎样才能做到这一点？

这是我目前在 jsFiddle 中的内容:http://jsfiddle.net/34v6R/2/

更新

我也尝试过使用 hide() 和 slideDown() 但是 slideDown 的动画似乎不是很流畅(至少在 jsfiddle 中)

$(markup).hide().prependTo('.overviewContainer').slideDown();  

http://jsfiddle.net/34v6R/6

Answer 1

你指定的尺寸是多少？如果您没有使用“height:500px”或类似的东西，那么当您向它添加新元素时，div 会简单地扩展。