`
zhangyaochun
  • 浏览: 2569005 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

动画bug 
阅读更多

 

      本文主要来自：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");
});

 

 

分享到：
| android开发之创建快捷方式相关
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics