0

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

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

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

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

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

提前致谢！

4

2 回答 2

1

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

于 2013-01-29T12:06:06.613 回答
0

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

target.quicksand(source, {}, function () {
   target.css('width', '');
   target.css('height', '');
});
于 2013-03-05T13:32:35.820 回答