我使用位置:固定在底栏上(它是一个固定的联系人菜单)。
<style>
.bottom-menu {
width:100%
height:50px
background-color:#e3e3e3;
position: fixed;
bottom: 0
}
</style>
<div class="bottom-menu">
some text and social icon
</div>
在带有IE的Windows Phone上,存在一个问题。
滚动50%后,我的底部菜单开始振动,也会减慢速度,并且需要几秒钟才能返回到底部。
答案 0 :(得分:1)
你错过了宽度后的分号:100%和高度50px 还有没有位置:固定?你应该发布整个代码:)
<style>
.bottom-menu {
width:100%;
height:50px;
background-color:#e3e3e3;
position: fixed;
bottom: 0
}
</style>
<div class="bottom-menu">
some text and social icon
</div>
另外请确保文档开头有<!DOCTYPE html>
,因为这也可能会导致某些浏览器出现问题。
也是;在不必要的CSS文档的末尾:)