Css 页脚和页眉页脚覆盖的jQuery移动内容不会固定在滚动条上_Css_Jquery Mobile_Blackberry

Css 页脚和页眉页脚覆盖的jQuery移动内容不会固定在滚动条上

css jquery-mobile blackberry

Css 页脚和页眉页脚覆盖的jQuery移动内容不会固定在滚动条上,css,jquery-mobile,blackberry,Css,Jquery Mobile,Blackberry,我的问题有两方面。第一个是页脚阻止了部分内容，提交按钮如图所示。如果我去掉标签，那就好了。第二个问题是，如果向下滚动或向上滚动过多，页眉和页脚将无法固定。我做错了什么 <body> <div data-role="page" id="landing"> <div data-role="header"> </div> <div data-role="content"> <div id="map_canvas" sty

我的问题有两方面。第一个是页脚阻止了部分内容，提交按钮如图所示。如果我去掉标签，那就好了。第二个问题是，如果向下滚动或向上滚动过多，页眉和页脚将无法固定。我做错了什么

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

有人帮我指出，我的身高大概是100%，确实如此。降低高度可以修复此问题