angular1里用transition没有动画效果

diyxiaoshitou
  • 28

angular1里用transition没有动画效果

回复
阅读 1.7k
2 个回答

经测试,已经解决
方式是:父框中的不能用display:none 属性,而应该用 ng-show 属性控制新的class的添加.show,用translate3d控制位置的变化。
例如:

.prent{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 88;
  transition:all 3s;
  opacity:0;
  transform:translate3d(0,200%,0);
}
.prent.show{
 opacity:1;
 transform: translate3d(0,0,0);
}

你的dom是不是靠ng-show这种来显示隐藏的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏