Blackberry 固定 Webworks 中的页眉和页脚答案

【问题标题】：Blackberry Fixed Header and Footer in WebworksBlackberry 固定 Webworks 中的页眉和页脚
【发布时间】：2012-02-06 08:17:54
【问题描述】：

有没有办法在 Webworks for Blackberry Phones 6.0+ 中创建固定页眉和页脚？

我尝试使用 iScroll - 在平板电脑操作系统上运行良好，但在 BlackBerries 上运行良好，它在浏览器中运行良好，但在“编译”时停止运行。

似乎任何东西都有 position: absolute;将缩小整个页面。

Header <- absolute
Content <- normal
Footer <- absolute

由于某种原因，整个页面缩小到 40 像素左右（标题的高度）

html 和 body 的高度均为 100%，内容 div 位于标题之外：

<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

我们将不胜感激！

【问题讨论】：

【解决方案1】：

在 BB 6 浏览器中使用绝对/固定位置修复页眉和页脚是错误的。当您滚动定位的元素时，会随着页面移动。当您停止根据位置将其滚动回顶部/底部时。我建议使用 javascript 来查找设备的高度并修复它们。

 #header{
  height:50px;
}

#footer{
  height:50px;
}

    function setHeight(){
    width = screen.availWidth;
    height = screen.availHeight;
    $('#content').height(height-100);   
}

【讨论】：