javascript skrollr 根据动态内容更新窗口高度

Question

在我的项目中，我有一个带有项目网格的长滚动页面。当您单击一个项目时，我会加载该项目，然后滑动打开一个窗口，将项目网格向下推，显示所选项目。每个项目都会根据内容有不同的高度。我需要项目网格下方显示的内容始终显示在页面末尾。当前，当网格滑动打开时，它会直接滑过“页脚”内容(底部的粗略示例)。

skrollr 文档说如果窗口调整大小，您应该调用刷新函数。

我在初始化时运行这个函数，在项目网格点击时，我没有看到窗口调整到内容的新高度。 目标是让页脚始终显示在项目网格之后几百个像素处，无论其当前高度/位置如何。

http://caava.elusiveform.com/example.html

Answer 1

我认为这与 skrollr 无关。如果您希望页脚出现在内容之后，请确保它在文档流中。您正在使用 position:fixed 并将其与其他内容混合使用。我建议首先创建没有 skrollr 的页面，然后使用 relative mode 添加动画。 .您正在使用的 skrollr.css 文件已过时，它不再存在。

确保页脚放置正确后，您可以调用 refresh 使您的动画正常工作(它们取决于数据端，数据端会发生变化并需要重新计算)。就您而言，这可能就足够了:

s.refresh(document.getElementById('footer'));

顺便说一句，skrollr 文档说

Window resizing is handled by skrollr.

refresh 仅在您更改 DOM 而 skrollr 无法检测到时才需要。