Webworks中的Blackberry固定页眉和页脚

时间:2012-02-06 08:17:54

标签: javascript html5 blackberry blackberry-webworks iscroll

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

我尝试使用iScroll - 在平板电脑操作系统上工作正常但在黑莓手机上没有,它在浏览器中工作正常但在“编译”时停止工作。

似乎有任何位置:绝对;将缩小整个页面。

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

由于某种原因,整个页面缩小到40像素(标题的高度)

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

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

非常感谢帮助!

1 个答案:

答案 0 :(得分:2)

在BB 6浏览器中,固定页眉和页脚的绝对/固定位置是错误的。滚动定位元素时随页面移动。当您停止按位置向后滚动到顶部/底部时。我建议使用javascript来查找设备的高度&amp;解决它们。

 #header{
  height:50px;
}

#footer{
  height:50px;
}

JS

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