javascript - jQuery 流沙忽略溢出 :auto on animation

Question

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

列表 (ul) 被构建为一次显示大约 20 个文档标题，其余的是隐藏的。比如 this 。在列表的底部，您有一个指向显示更多 的链接，当您按下它时，会加载更多标题。父 div 没有扩展列表的高度，而是具有值为 auto 的属性 overflow。

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

问题是这样的:当我按下 Show more 时，它会加载更多标题，但列表会忽略 overflow: auto 并且列表会扩展到整个页面，例如 this 。大约一秒钟后，当它完成加载时，应用了 overflow-property 并且一切正常，但加载时看起来不太好。

你有什么解决办法吗？您还需要了解其他信息吗？

提前致谢!

Answer 1

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