固定顶部导航栏在android平板上显示问题

[乔巴大大]

导航栏是一个div+img, 我用了position：fixed ;top：0属性，让它固定在最上面，但是带来了一个问题，当页面往下拉的时候 导航栏会动一下 留出一条缝隙，有没有大神碰到过类似问题，求教！
下面是我导航栏的jsp
<div class="heit" style="z-index:999999999;position:fixed;top:-5px;">
<div class="logo"><img src="<%=request.getContextPath()%>/autel/images/hom_04.png" style="padding-top: 8px; padding-left: 34px;"/></div>
<div class="change">
<span id="vehicleClick" class="veh" style="margin-right: 0px;width: 525px;overflow: hidden;" ><p class="p1" style="padding-left: 50px; padding-right: 0px; width: 106px;"><s:message code="select.vehicle"/></p>
<p class="p2" id="vehicle" style="overflow: hidden;padding-left: 5px;">
<c:if test="${!empty sessionScope.vehicle}">
${sessionScope.vehicle.yearName} >
${sessionScope.vehicle.mark} >
${sessionScope.vehicle.model} >
<c:if test="${!empty sessionScope.vehicle.submodel}">
${sessionScope.vehicle.submodel} >
</c:if>
${sessionScope.vehicle.engine}
</c:if>
</p>
</span>
<span style=""><input name="" type="text" id="keywordSimple" value="${keyWord}" maxlength="32" style="margin-right: 5px;color: #CECECE;font-size: 18px;" onchange="changKeyWords('keywordSimple','keyword');" class="search"
onclick="javascript:checkVehicle('keywordSimple');" onkeydown="KeyDownTop();"/></span>
<img src="<%=request.getContextPath()%>/autel/images/111_home_03.png" style="margin-left: -5px;-webkit-tap-highlight-color:rgba(255,0,0,0);" onclick="javascript:selectVehiceCodingTop();"/>
</div>
<div class="clearfix"></div>
</div>
CSS样式
.heit{
height:60px;
background:url(../images/hom_06.gif) top left repeat-x;
width:100%;
}

[tony4geek]

那个 股票，帖子连续 只能 回复2次，[url=http://官网]看看这个不错[/url]

[乔巴大大]

引用 1 楼 rui888 的回复:

那个 股票，帖子连续 只能 回复2次，[url=http://官网]看看这个不错[/url]

呵呵，谢谢，这个还不错，就是太丑了，我想要的效果类似http://xueqiu.com/S/SZ002024这个网站上的效果。它上面的应该是深度定制的吧！