页脚下方的 JQUERY 移动空间答案

【问题标题】：JQUERY mobile space below footer页脚下方的 JQUERY 移动空间
【发布时间】：2014-01-12 10:37:54
【问题描述】：

我写了以下代码：

<body>
    <div data-role="page" id="page1">
        <div data-role="header" data-theme="a">

        </div>
        <div data-role="content">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <a href="myPage.php"><img src="MyImg" style="display: block; margin: 0 auto"></a>
                </div>
                <div class="ui-block-b">
                    <a href="myPage.php"><img src="MyImg" style="display: block; margin: 0 auto"></a>
                </div>
            </div>
            <div class="ui-grid-a">
                <div class="ui-block-a"> 
                    <a href="myPage.php"><img src="MyImg" style="display: block; margin: 0 auto"></a>
                </div>
                <div class="ui-block-b">
                    <a href="myPage.php"><img src="MyImg" style="display: block; margin: 0 auto"></a>
                </div>
            </div>
        </div>
        <div data-role="footer">

        </div>
    </div>
</body>

我正在使用 jquery-mobile，一切都非常适合屏幕，但页脚下方有一个空白......我如何删除这个空间以便在页面的最底部有“页脚”div ?

【问题讨论】：

你能给你发CSS代码吗？
将 data-position="fixed" 添加到页脚 div。
谢谢，Omar 提示解决了这个问题！！！

标签： jquery css jquery-mobile

【解决方案1】：

试试这个：

<div data-role="footer" data-positon="fixed">
....
</div>

您可以在jquerymobile阅读固定位置

【讨论】：