jQuery Quicksand ignores overflow:auto on animation

Question

我正在使用jQuery插件Quicksand列出一些文档供我的用户访问，我有几百个文档，所以我从一开始就只显示其中的几个。

列表 （ul） 旨在一次显示大约 20 个文档标题，其余部分是隐藏的。喜欢这个。在列表底部，您有一个指向"显示更多"的链接，当您按下它时，会加载更多标题。父div 没有扩展列表的高度，而是具有值 auto 的属性overflow。

该列表由javascript构建，它从MySQL数据库加载文档并隐藏除指定数量之外的所有文档。当您按"显示更多"（瑞典语中的"Visa fler"，如图所示）时，它会重新加载文档并从隐藏功能中排除一些其他文档。

问题是这样的：当我按显示更多时，它会加载更多标题，但列表忽略overflow: auto并且列表会扩展到整个页面，就像这样。大约一秒钟后，当它完成加载时，将应用 overflow -属性，一切都正常，但在加载时看起来不是很好。

你有什么想法如何解决这个问题吗？你还需要知道什么吗？

提前感谢！

Answer 1

我找到了一个解决方案。我添加了atomic: true，我丢失了一些动画，但它不再流出父div。

Answer 2

从快速浏览来看，似乎可以在容器上插件设置内联样式（宽度和高度）。您可能希望在过渡结束后覆盖它们，例如，

target.quicksand(source, {}, function () {
   target.css('width', '');
   target.css('height', '');
});