Question

我的问题是双重的。第一个是页脚阻止了一些内容，即图像中显示的提交按钮。如果我删除标签，那就没关系。第二个问题是，如果向下滚动或向上滚动，页眉和页脚不会保持固定。我做错了什么？

enter image description here

<body>
<div data-role="page" id="landing">
  <div data-role="header"> </div>
  <div data-role="content">
    <div id="map_canvas" style="height:600px"> </div>
    <div id="info"> </div>
  </div>
  <div data-role="footer" data-position="fixed">
    <div data-role="actionbar"> <a id="help" data-role="tab"> <img src="img/ic_help.png"/>
      <p>Help</p>
      </a> <a id="chat" data-role="tab"> <img src="img/ic_textmessage.png"/>
      <p>Chat</p>
      </a> <a id="add" data-role="tab" href="#add"> <img src="img/ic_add.png"/>
      <p>Add </p>
      </a> <a id="settings" data-role="tab" href="#register"> <img src="img/Core_applicationmenu_icon_settings.png" alt="" />
      <p>Settings</p>
      </a> </div>
  </div>
</div>
<div data-role="page" id="register">
  <div data-role="header"> </div>
  <div data-role="content">
    <div class="BB10Container">
      <form id="adduser">
<label for="fname">First Name</label>
        <input type="text" name="fname" id="fname" placeholder="John"/>
        <label for="lname">Last Name</label>
        <input type="text" name="lname" id="lname" placeholder="Doe"/>
        <label for="username">Username</label>
        <input type="text" name="username" id="username" placeholder="Username"/>
        <label for="basic">Password</label>
        <input type="password" name="password" id="password" placeholder="Password"/>
        <label for="verpass">Repeat Password</label>
        <input type="password" name="verpass" id="verpass" placeholder="Password"/>
        <label for="regemail">Email</label>
        <input type="email" name="email" id="email" placeholder="your@email.com"/>
        <input type="submit" data-role="button" data-inline="true" data-icon="check" value="Submit" id="regsubmit">
</form>

    </div>
    <div id="info"> </div>
  </div>
  <div data-role="footer" data-position="fixed">
    <div data-role="actionbar"> <a id="help" data-role="tab"> <img src="img/ic_help.png"/>
      <p>Help</p>
      </a> <a id="chat" data-role="tab"> <img src="img/ic_textmessage.png"/>
      <p>Chat</p>
      </a> <a id="add" data-role="tab" href="#add"> <img src="img/ic_add.png"/>
      <p>Add </p>
      </a> <a id="settings" data-role="tab" href="#settings"> <img src="img/Core_applicationmenu_icon_settings.png" alt="" />
      <p>Settings</p>
      </a> </div>
  </div>
</div>
</div>

</body>

Answer 1

有人通过指出我的表格高度大概是100％来帮助我。降低高度固定了这个。

页脚和页眉和页脚覆盖的jQuery移动内容在滚动时不会保持固定

1 个答案: