Question

我写了以下代码：

<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 ？

Answer 1

试试这个：

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

您可以在jquerymobile

处阅读固定位置

在页脚下面的JQUERY移动空间

1 个答案: