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

我正在开发将在移动设备上运行的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>

任何人都可以帮助我！

来源

2013-03-11 user2157556

你正在使用HTML5'data'属性。为什么不使用'header'和'footer'呢？ – 2013-03-11 16:35:15

这里，你可以使用页脚

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

}

对于头这将是类似这样的东西的CSS：

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

}

来源

2013-03-11 16:32:35

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

回答

相关问题