修复了使用 Phonegap 和 Bootstrap 单击链接时 div 闪烁的问题

Question

当我尝试使用postion:fixed;单击位于屏幕底部的彩色 div 中的链接时，页面会在显示“新”页面之前闪烁白色一秒钟。如果我删除固定位置，则加载新页面而无需先完全擦除页面，一切正常。白色的闪光看起来就像页面首先被完全擦除，然后固定元素被放置在它上面。

这个问题是纯 CSS 相关的还是由 Phonegap 或 Bootstrap 引起的？有什么解决办法吗？

这是我正在使用的代码：

HTML：

<div class="container-fluid">
    <div id="navbar" class="row">
        <div class="col-xs-3">
            <a href="lineup.html"><span class="glyphicon glyphicon-time"></span></a>
        </div>
        <div class="col-xs-3">
            <a href="index.html"><span class="glyphicon glyphicon-th-list selected"></span></a>
        </div>
        <div class="col-xs-3">
            <a href="map.html"><span class="glyphicon glyphicon-map-marker"></span></a>
        </div>
        <div class="col-xs-3">
            <a href="faq.html"><span class="glyphicon glyphicon-question-sign"></span></a>
        </div>
    </div>
</div>

css:

#navbar {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #312783;
    color: #FFF;
    text-align: center;
}

#navbar a {
    text-decoration: none;
    color: #fff;
    font-size: 1.4em;
}

#navbar a span {
    padding-top: 25%;
    padding-bottom: 25%;
}

#navbar .selected {
    color: #bc3148;
}

Answer 1

除非您提供代码，否则很难为您的问题找到解决方案。

尝试将其添加到您的 CSS：

#ABC {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

注意将 #ABC 替换为彩色固定 div 的名称。

背面可见性的定义：

backface-visibility 属性定义元素在不面向屏幕时是否可见。 来源：http://www.w3schools.com/cssref/css3_pr_backface-visibility.asp

和

与固定元素闪烁相关的类似问题：Bootstrap 3 Fixed Top Navbar 'Flickering' On Mobile Scrolling using jQuery One-Page Scrolling Effect