Phonegap应用程序位置固定菜单

我正在开发一个移动应用程序，并且我有一个固定的页脚菜单。Phonegap应用程序位置固定菜单

<div id='footer'> 
    <ul class='menu'> 
     <li>menu1</li> 
     <li>menu2</li> 
    </ul> 
</div> 
    #footer { height:99px; background:url(../images/black2.png)repeat-x; border-top: 1px solid black; position:fixed;bottom:0;width:100%;} 
    .menu { max-width:640px; margin:auto; }

我在Android设备上测试过它。问题是，当我更改设备方向时，菜单ul的边距：自动不工作，直到我点击另一个菜单项。谢谢！

我通过改变CSS解决了这个问题。

#footer { height:99px; background:url(../images/black2.png)repeat-x; border-top: 1px solid black; position:fixed;bottom:0;width:100%; text-align:center;}  
.menu {width:100%; max-width:640px; display:inline-block; }

来源

2013-06-26 SomethingElse

你有没有在定位改变事件上写任何东西？ – Piyush

我没有。其他一切都应该如此。只有那个固定页脚才是问题。如果我删除固定的位置，它的工作。但我需要它是固定的。我该怎么办？谢谢:) – SomethingElse

非常好..完成自己解决这个问题.. :) – Piyush

我会做这样的事情：

HTML

<div class="footer"> 
<ul> 
    <li>menu1</li> 
    <li>menu2</li> 
</ul> 
</div>

CSS

.footer { background: black; position: fixed; bottom: 0; width: 100%; text-align: center; }  
.footer ul { color: white; width: 90%; margin: 0 auto; display: block; list-style: none; } 
.footer ul li { padding: .25em; display: block; }

重要的是我会告诉你签从长丝组的“固定 - 固定”插件顶部（移动固定定位，艾滋病，因为所有的手机/平板电脑不支持的话）： https://github.com/filamentgroup/fixed-fixed

在顶部最重要的是，我会推荐他们的整个工作流程用于构建移动设备： https://github.com/filamentgroup/Southstreet/

来源

2013-10-23 23:32:11 Oneezy

Phonegap应用程序位置固定菜单

回答

相关问题