如何很好地将预先准备好的项目滑到列表中

How to nicely slide down a prepended item to a list

本文关键字：项目 准备好 列表 何很好 很好      更新时间：2023-09-26

类似于twitter的ux，我想将一个提要项预先添加到列表中，并在输入时将其SlideDown。

以下是我的尝试：http://jsfiddle.net/26jaw/9/

到目前为止，我学到的是，要想让滑道下降，需要设置高度，最小高度是不起作用的。因此，假设提要项的高度是可变的，我会在将其注入页面后找到高度。然后我设置了高度，然后向下滑动。但由于某些原因，这并不起作用，正如您在jsfiddle中看到的那样。jQuery报告的高度无效，高度错误导致文本被截断。

有什么想法吗？更好的解决方案？感谢

从CSS规则#feedlist {}:中删除此声明

height: 600px;

然后将您的JavaScript更改为：

item = $(content).prependTo("#feedList");
height = item.height();
item.hide();
item.css("height", height).slideDown();

请参阅更新的小提琴。

相关文章：