解决动画导致fixed失效页面错乱的问题

 

/*  中间部分动画  */

.v-enter{

  /*进入动画*/

  opacity: 0;

  transform: translateX(100%);

}

.v-leave-to{

  /*离开动画*/

  opacity: 0;

  transform: translateX(-100%);

  position: absolute;

}

.v-enter-active,

.v-leave-active{

  transition: all 0.5s ease;

}