3

我正在使用 webview GUI 开发一个 android 应用程序。我有一个包含页面的元素。它有一个页眉和一个页脚。

<div data-role="page">
  <div data-role="header">
    ...
  </div>
  <div data-role="content" id="bg_im">
    ...
  </div>
  <div data-role="footer">
    ...
  </div>
</div>

我想插入一个图像作为内容 div 的背景，这样整个内容不会占用比可用屏幕尺寸更多的空间。

我有一个 javascript 可以做到这一点：

document.getElementById("bg_im").style.height=Math.floor($(window).height() - $('#home_header').height() - $('#home_footer').height() +"px";

该函数在页面加载时执行。

这一切在桌面浏览器（chrome，mozilla）中运行良好，但在android的webview中加载时失败。我发现原因是.height()页眉和页脚的函数返回值 0。

知道为什么吗？我尝试了这个解决方案，但它也不起作用。它仍然返回页眉/页脚大小 0。

4

1 回答 1

0

您的主要问题可能来自您的 Math.floor() 方法。您正在混合字符串连接和算术运算。您应该将这些语句分开。

var newHeight = Math.floor($(window).height() - $('#home_header').height() - $('#home_footer').height()); 
$('#bg_img').prop('height', newHeight);
于 2013-04-01T20:22:37.967 回答