Question

我正在为我的应用程序使用jQuery mobile 1.1.1。我的index.html看起来像是：

<div data-role="page" id="home" data-theme="a">
   <div data-role="content">
      <div class="container">
        <div class="row" align="center">                            
        </div>
      </div>
  </div>
  <div class="footer_fixed">   
    <div ><a href="#surveyConductedList"  class="ui-link" > List </a></div>
    <div ><a href="#uploadData"  class="ui-link" > Upload </a></div>
  </div>
</div>

页脚的CSS：

.footer_fixed {
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
  bottom:0;
}

但我的页脚没有显示在屏幕上。它在屏幕结束时显示最后一个。我想把它贴在屏幕上，然后向下滚动

Answer 1

您应该使用attribute selector进行制作。

footer

或向.ui-footer-fixed添加课程，因为您没有任何引用footer的课程。

修改：如果您想将页脚设置为底部（通常为bottom: 0;），则必须将@thepio设置为CSS指出。之前我没有添加它，因为我想维护你的document.getElementById("popupclose");代码，但我在这里添加以避免怀疑。

Answer 2

当你保持它固定然后它不能像你说的那样向下移动。＆＃39; 当你保持固定然后它将固定到那个地方

使用其他类型的位置，如相对或绝对来移动它检查一下 http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed

固定页脚无法正常工作

2 个答案: