1

我正在使用 jQuery Mobile 开发一个移动应用程序，并且在内容和页脚之间有一个空白区域。我如何关闭这个空间？

底部有白色的网站

4

2 回答 2

3

这个问题有3个解决方案。

  1. 如果您可以data-theme对内容和页面容器使用相同的内容。不幸的是，它看起来不太好，因为它们之间仍然会有明显的差异

  2. 不要data-theme在容器上使用，但始终只在页面 div 上使用。仍然不是最佳解决方案。

  3. 调整您的内容大小，使其填满可用的可用空间。使用此方法：

    function getRealContentHeight() {
    var header = $.mobile.activePage.find("div[data-role='header']:visible");
    var footer = $.mobile.activePage.find("div[data-role='footer']:visible");
    var content = $.mobile.activePage.find("div[data-role='content']:visible:visible");
    var viewport_height = $(window).height();

    var content_height = viewport_height - header.outerHeight() - footer.outerHeight();
    if((content.outerHeight() - header.outerHeight() - footer.outerHeight()) <= viewport_height) {
        content_height -= (content.outerHeight() - content.height());
    } 
    return content_height;
}

在我的其他文章（我的个人博客）中阅读有关此解决方案的更多信息，或在此处找到它，查找章节：获取正确的最大内容高度。

于 2013-03-07T15:48:21.080 回答
0

你可以在你的 style/css 中调整 ui-page-theme-a 的颜色，这样你就认不出来了

.ui-page-theme-a
{
    background-color: sameAsContent/Footer !important;
    border-color: sameAsContent/Footer !important;

}
于 2015-09-15T13:55:31.840 回答