zoukankan      html  css  js  c++  java
  • 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;
    }

  • 相关阅读:
    浅谈RPC和RESTFUL
    HTTP协议
    为博客园文章添加目录的方法
    Https的介绍
    【Locust】Locust学习总结
    从零开发接口自动化框架
    VMware VCSA 6.7创建和管理Clusters
    VMware ESXi 6.7主机防火墙
    VMware VCSA 6.7分布式交换机
    VMware VCSA 6.7标准交换机
  • 原文地址:https://www.cnblogs.com/chenfulai/p/2398381.html
Copyright © 2011-2022 走看看