问题与位置:在Windows Phone

时间:2015-08-07 01:01:35

标签: html css internet-explorer mobile compatibility

我使用位置:固定在底栏上(它是一个固定的联系人菜单)。

<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%后,我的底部菜单开始振动,也会减慢速度,并且需要几秒钟才能返回到底部。

1 个答案:

答案 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文档的末尾:)