2

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

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

我在初始化时运行此功能,在项目网格单击时,我没有看到窗口调整到内容的新高度。目标是让页脚在项目网格之后始终出现几百像素,无论其当前高度/位置是什么。

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

4

1 回答 1

3

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

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

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

顺便说一句,skrollr 文档说

窗口大小调整由 skrollr 处理。

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

于 2012-09-10T10:26:10.007 回答