phonegap iOS中的页面之间出现白色闪烁/闪烁

时间:2014-01-05 16:52:13

标签: javascript ios xcode cordova

我正在为我的iOS应用程序使用phonegap。

出于某种原因,当我在我的应用程序中导航时,页面之间会有一瞬间的白色闪烁/闪烁。

我没有使用jquery mobile,我只使用了一些javascripts和iScroll4。反正有没有解决这个问题?

已编辑
这是代码的一部分。

索引CSS:

body { 

-webkit-user-select: none; 
-webkit-touch-callout: none;
background-color: #f7f6ec;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

#fixedcontent {
    position:absolute; z-index:1;
    top:64px; bottom:49px; left:0;
    width:100%;
    overflow:auto;
}

的index.html

<html>
    <head>


        <script type="text/javascript" src="cordova.js"></script>
        <link rel="stylesheet" type="text/css" href="css/index.css" />


       <!-- fixed header -->
       <script src="js/iscroll-lite.js"></script>
       <script type="text/javascript">

           var myScroll;
           function loaded() {
               setTimeout(function () {
                          myScroll = new iScroll('fixedcontent');
                          }

                          document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

                          document.addEventListener('DOMContentLoaded', loaded, false);

                          function onCompletion () {
                          // Here modify the DOM in any way, eg: by adding LIs to the scroller UL

                          setTimeout(function () {
                                     myScroll.refresh();
                                     }, 0);
                          };


                          </script>

    </head>

<body>
<div id="wrappercontentfixed"> hi test
<a href="about.html"> about page </a>
<a href="merchandise.html"> merchandise page</a>

</div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

有很多可能的原因。 对于具有闪烁效果的元素,也许webkit-tap-highlight-color可以将css更改为rgba(0, 0, 0, 0)