滚动时,Phonegap应用程序标题移动

时间:2012-06-08 04:31:00

标签: android ios jquery-mobile cordova

我正在开发一个Phonegap应用程序。我已经为每个页面使用了标题。但是当我在手机中测试它时,&当我向下滚动时,标题也会移动&加入了身体元素。(标题和身体元素应该有一些空间)。这是我的信息......

<div data-role="page" id="detail-page" data-theme="a">
<div data-role="header" data-position="fixed">
<h1>xxxxxxxxxxxxx</h1>
</div>
<div data-role="content">
<form>
    <ul data-role="listview" data-inset="true" data-theme="a">
        <li ><div data-role="fieldcontain">
            <label for="textarea">name </label>
            <input type="text" name="name" id="name" value=""/></div>
        </li>
        <li ><div data-role="fieldcontain">
            <label for="address">xxxxxxxxx</label>
            <input type="hidden" name="xxxxx"/></div>
            <label for="xxxxxxx">xxxxxxxx:</label>
            <input type="text" name="xxxxx" id="xxxxxx" value="" />
            <label for="district">xxxxxxxxxx</label>
            <input type="text" name="xxxxxxx" id="xxxxxxxxxx" value=""/>
        </li>
        <li>
        <div data-role="fieldcontain">
        <label for="date">Date</label>
        <input type="datetime-local" name="date" id="name" value=""/></div></li>
        <li>
        <div data-role="fieldcontain">
        <label for="textarea">xxxxxxxxxxxx</label>
        <input type="text" name="xxxxxxxxxxx" id="xxxxxxxxxxxx" value=""/></div></li>

        </ul>

     <div data-role="fieldcontain">
     <button type="submit" name="save" id="save" value="Save" data-theme="a"/></div>

    </form>
    </div></div>

请帮我解决这个问题.. 感谢。

1 个答案:

答案 0 :(得分:0)

添加页脚..

<div data-role="footer" data-position="fixed">
          <h1>Fixed Footer!</h1>
      </div>