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

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

skrollr文档说明，如果窗口调整大小，则应调用刷新函数

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

---

我认为这与skrollr无关。如果希望页脚显示在内容之后，请确保它位于文档流中。您正在使用

position:fixed

并将其与其他内容混合。我建议先创建没有skrollr的页面，然后使用添加动画。您使用的

skrollr.css

文件已过时，不再存在

确保页脚正确放置后，可以调用

refresh

使动画正常工作（它们取决于数据端，数据端会发生变化，需要重新计算）。在您的情况下，这可能就足够了：

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

顺便说一句，skrollr文档说

窗口大小调整由skrollr处理

---

refresh

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

我将根据建议首先创建一个静态版本。我想是灯泡坏了。。。我误解了css在演示中的定位，因为我需要使用绝对值。非常感谢。切换了2个div，并执行了

s.refresh（document.body）

修复了移动设备的问题。