Android Galaxy S4股票浏览器css定位

我正在测试一个页脚有粘性的页面。仅在GS4股票浏览器上（android chrom上不可见），我上下滚动时，页面上下浮动着粘性页脚。页脚看起来也有结巴的效果。我在iPhone5和gs3上测试了相同的页面。这是我的CSS流：

.bar {
   background-color: #F7F7F7;
   overflow: hidden;
   position: relative;
   font-size: 13px;
}
.bar .footer-icon-holder {
    padding: 5px;
    display: inline-block;
    width: 5em;
 }
.bar .footer-holder {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 54px;
    background-color: #FFF;
    bottom:0;
   -webkit-backface-visibility: hidden;
   position: fixed;
}

和页脚html：

<div class="footer"  ng-controller='footerController'>
<div id = "footer" class="bar">
    <div style="margin:0 auto;">
        <div class="footer-holder">
            <div class="footer-icon-holder" ng-click="clickPic('home')" >
                <div ng-show="homeSelected">
                    <img ng-src={{imageOnHome}} class="footerimg">
                    <div class="toolbar-img-text">home</div>
                </div>
                <div  ng-hide="homeSelected">
                    <img ng-src={{imageOffHome}} class="footerimg">
                    <div class="toolbar-img-text">home</div>
                </div>
            </div>
         </div>
    </div>
</div>

家
家

---

“上下浮动”？所以它根本不是固定的，还是部分固定的？不管怎样，这听起来像是一个浏览器错误，而不是CSS问题。这是非常不正常的行为，所以这是描述它的最好方式。我相信这是一个浏览器错误，但不幸的是，我正试图找到一个解决方法。该页面还列出了一些基于JS的解决方案。