javascript skrollr基于动态内容更新窗口高度

Question

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

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

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

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

Answer 1

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

确定页脚正确放置后，您可以调用refresh使动画生效（它们依赖于数据结束，这些更改需要重新计算）。在你的情况下，这可能就足够了：

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

顺便说一句，skrollr文档说

  

窗口大小调整由skrollr处理。

只有当你更改DOM并且skrollr无法检测到它时才需要

refresh。