【问题标题】:javascript skrollr update window height based on dynamic contentjavascript skrollr 根据动态内容更新窗口高度
【发布时间】:2012-09-09 18:01:19
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript javascript-databinding


    【解决方案1】:

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

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

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

    顺便说一句,skrollr 文档说

    窗口大小由 skrollr 处理。

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

    【讨论】:

    • 我会按照建议先创建一个静态版本。我认为灯泡刚刚熄灭...我误解了演示中的 css 定位,因为我 需要 使用绝对值。谢谢!
    • 有一个 2 div 切换,并且执行 s.refresh(document.body) 解决了移动设备的问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-12-03
    • 2015-04-14
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    • 2012-07-29
    相关资源
    最近更新 更多