jquery-mobile - jquery mobile 背景没有完全扩展到页面末尾

Question

我的 jquery 移动背景确实延伸到了页面的末尾。我正在移动 Safari 中的 iphone 上对此进行测试。这个白条没有出现在我的桌面上。当我在 Google Nexus 的浏览器上测试它时，同样的问题也不会发生。任何想法为什么会发生这种情况？

我在我的 css 文件中使用这行代码来扩展背景：

  [data-role=page]{height: 100% !important; position:relative !important;}

Answer 1

根据您是否要将其设置为 HTML 文档的高度或视口的高度（初始可视区域），您可以尝试：

$('#container').css('height', $(window).height());   // returns height of browser viewport
$('#container').css('height', $(document).height()); // returns height of HTML document