• jquerymobile 切换页面时候闪烁问题


    https://github.com/jquery/jquery-mobile/commit/acbec71e29b6acec6cd2087e84e8434fecc0053f   可以修改css

    好像是个bug

    @@ -4,9 +4,10 @@
     * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
     */
     .spin  {
    --webkit-animation-name: spin;
    --webkit-animation-duration: 1s;
    --webkit-animation-iteration-count:  infinite;
    +  -webkit-transform: rotate(360deg);
    +  -webkit-animation-name: spin;
    +  -webkit-animation-duration: 1s;
    +  -webkit-animation-iteration-count:  infinite;
     }
     @-webkit-keyframes spin {
       from {-webkit-transform: rotate(0deg);}
    @@ -22,22 +23,27 @@ Built by David Kaneda and maintained by Jonathan Stark.
     }
     
     .slide.in {
    +  -webkit-transform: translateX(0);
       -webkit-animation-name: slideinfromright;
     }
     
     .slide.out {
    +  -webkit-transform: translateX(-100%);
       -webkit-animation-name: slideouttoleft;
     }
     
     .slide.in.reverse {
    +  -webkit-transform: translateX(0);
       -webkit-animation-name: slideinfromleft;
     }
     
     .slide.out.reverse {
    +  -webkit-transform: translateX(100%);
       -webkit-animation-name: slideouttoright;
     }
     
     .slideup.in {
    +  -webkit-transform: translateY(0);
       -webkit-animation-name: slideinfrombottom;
       z-index: 10;
     }
    @@ -48,6 +54,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
     }
     
     .slideup.out.reverse {
    +  -webkit-transform: translateY(100%);
       z-index: 10;
       -webkit-animation-name: slideouttobottom;
     }
    @@ -57,6 +64,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
       -webkit-animation-name: dontmove;
     }
     .slidedown.in {
    +  -webkit-transform: translateY(0);
       -webkit-animation-name: slideinfromtop;
       z-index: 10;
     }
    @@ -67,6 +75,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
     }
     
     .slidedown.out.reverse {
    +  -webkit-transform: translateY(-100%);
       z-index: 10;
       -webkit-animation-name: slideouttotop;
     }
    @@ -127,6 +136,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
     }
     
     .fade.in {
    +  opacity: 1;
       z-index: 10;
       -webkit-animation-name: fadein;
     }
    @@ -139,20 +149,24 @@ Built by David Kaneda and maintained by Jonathan Stark.
     }
     
     .flip.in {
    +  -webkit-transform: rotateY(0) scale(1);
       -webkit-animation-name: flipinfromleft;
     }
     
     .flip.out {
    +  -webkit-transform: rotateY(-180deg) scale(.8);
       -webkit-animation-name: flipouttoleft;
     }
     
     /* Shake it all about */
     
     .flip.in.reverse {
    +  -webkit-transform: rotateY(0) scale(1);
       -webkit-animation-name: flipinfromright;
     }
     
     .flip.out.reverse {
    +  -webkit-transform: rotateY(180deg) scale(.8);
       -webkit-animation-name: flipouttoright;
     }
     
    @@ -189,11 +203,15 @@ Built by David Kaneda and maintained by Jonathan Stark.
     }
     
     .pop.in {
    +  -webkit-transform: scale(1);
    +    opacity: 1;
       -webkit-animation-name: popin;
       z-index: 10;
     }
     
     .pop.out.reverse {
    +  -webkit-transform: scale(.2);
    +  opacity: 0;
       -webkit-animation-name: popout;
       z-index: 10;
     }

     或者

    .ui-page {
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 800;
    }

  • 相关阅读:
    Jquery字符串,数组(拷贝、删选、合并等),each循环,阻止冒泡,ajax出错,$.grep筛选,$.param序列化,$.when
    Jquery cookie操作示例,写入cookie,读取cookie,删除cookie
    执行Sqlserver中waitfor delay延时操作或waitfor time定时操作
    JS里try...catch...finally详解,以及console日志调试(console.log、console.info等)
    19.Remove Nth Node From End of List---双指针
    18.4Sum
    16.3Sum Closest
    45.Jump Game II---贪心---2018大疆笔试题
    55.Jump Game---dp
    SQL相关
  • 原文地址:https://www.cnblogs.com/chenfulai/p/2398381.html
Copyright © 2020-2023  润新知