Galaxy S4库存浏览器css定位

Question

我正在使用粘性页脚测试页面。仅在GS4股票浏览器上（在android chrom上不可见），当我向上和向下滚动时，我会在页面上下浮动粘性页脚。页脚似乎也有一种口吃效果。我在iphone 5和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>