zoukankan      html  css  js  c++  java
  • 完美解决 Phonegap jQeuryMobile 闪屏 问题

    在切换page或者弹出dialog时,会出现闪屏情况,综合网络上各种方法,得出以下方法可完美解决:

    1、首先界面页面切换闪屏:

    在加载jQuery后,加载jQuery Mobiel之前,插入js语句进行修复:
    <script src="js/jquery-1.9.1.min.js"></script>
      <script type="text/javascript"> 
      
    $(document).bind("mobileinit", function()  
    {  
       if (navigator.userAgent.indexOf("Android") != -1)  
       {  
     $.mobile.defaultPageTransition = 'none';  
     $.mobile.defaultDialogTransition = 'none';  
       }  
    }); 
    </script>
    <script src="js/jquery.mobile-1.3.2.min.js"></script>

    2、修复弹出对话框闪屏
      从弹出的对话框返回页面时,底部设置了fixed 的footer 会闪,解决方法为在该页面添加以下css(不影响页面外观):
        <style type="text/css">
      .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], 
    .ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active { 
    overflow: hidden; 
    -webkit-backface-visibility: hidden; 

    .ui-header { 
    position: fixed; 
    z-index:10; 
    top:0; 
    100%; 
    padding:0 0; 


    .ui-content { 
    padding-top: 57px; 
    padding-bottom: 54px; 
    overflow: auto; 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 

    .ui-footer { 
    position: fixed; 
    z-index:10; 
    bottom:0; 
    100%; 


      </style>

    3、补充,html头部信息meta修改如下:

    < meta name="viewport" content="width=device-width, user-scalable=no" />


    各位如有更好的方法,请留言分享、讨论。

  • 相关阅读:
    Altium Designer 16 问题解决
    IAR FOR AVR 仿真过程中出现全局变量值不断随意变化的问题
    linux '--stdin'错误 -批量修改密码
    EmWin 字体相关函数
    EmWin 文本显示函数
    Win10下 usart驱动PL2303无法安装的问题
    EmWin 接触---基础函数
    Linux 下 Samba 服务器搭建
    MPLAB X IDE V4.15 创建工程,编译,问题处理
    EF Core MVC
  • 原文地址:https://www.cnblogs.com/zuike/p/3334450.html
Copyright © 2011-2022 走看看