jQuery流沙忽略溢出：动画上的自动答案

【问题标题】：jQuery Quicksand ignores overflow:auto on animationjQuery流沙忽略溢出：动画上的自动
【发布时间】：2013-03-05 21:32:35
【问题描述】：

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

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

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

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

您有什么想法可以解决这个问题吗？你还需要知道什么吗？

提前致谢！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：