关于初始加载页面的动画震动

 

      本文主要来自:http://css-tricks.com/transitions-only-after-page-load/

 

      问题

 

       对于页面上结构化元素,当页面加载、绘制布局的时候,动画会触发。

 

 

      解决方案

 

  • 给body元素增加一个class
<body class="preload">

 

 

  • 增加css规则
.preload *{
       -webkit-transition:none !important;
       -moz-transition:none !important;
       -ms-transition:none !important;
       -o-transition:none !important;
}

 

 

  • 加载完成去掉这个东西
//无处不在的jQuery or zepto?
$("window").load(function(){
     $("body").removeClass("preload");
});

 

 

你可能感兴趣的:(动画bug)