Question

我正在开发将在移动设备上运行的phonegap应用程序。但现在我有一些问题。当我向上或向下触摸移动屏幕时，页面的页眉或页脚消失。 HTML代码如下。

...
<body>
   <div data-role="page" id="page1">
      <div data-role="header" data-position="fixed">
         Header!!!
      </div>
      <div data-role="footer" data-position="fixed">
         Footer!!!
      </div>
   ... ...
   </div>
</body>

任何帮助我的人！

Answer 1

这是您可以用于页脚的CSS

footer {
width: 100%;
margin: 0%;
position: fixed;
bottom: 0%;

}

对于标题，它将是类似的东西：

header {
width: 100%;
margin: 0%;
position: fixed;
top: 0%;

}

如何修复移动设备上的页眉和页脚位置？

1 个答案: