附加一个列表并从底部向上移动

时间:2011-09-20 21:52:04

标签: jquery css

我有一个列表,我正试图从下往上填充。该列表占地900 px。列表中的每个元素都是73像素高。我想让每个项目都滑入列表中。

我正在使用.append()将新的列表项添加到我的列表中,但是我很难弄清楚当列表附加项目时如何使列表继续向上滑动。我可以将我的第一个列表项的css属性设置为position:relative,top:900,然后使用.animate()移动项目900-73 px来设置列表项的动画。就我而言,事情发生了可怕的错误。

请帮帮忙?

3 个答案:

答案 0 :(得分:1)

您可以使用CSS和jQuery的组合来实现这一点。请参阅此示例:http://jsfiddle.net/finbarr/HGugB/

当您点击前几次时,看起来好像没有任何反应 - 在从底部添加项目时向下滚动浏览器窗口。

答案 1 :(得分:0)

如果我理解正确,你就是这样的:http://jsfiddle.net/Exjbb/

$(".container").prepend(element).find(":first").slideUp(0).slideDown("fast");

答案 2 :(得分:0)

听起来我觉得你想要这样的东西:http://jsfiddle.net/nbUuh/
您可以将内容添加到列表中,它会向上增长。

您的问题可以使用更明确的措辞。