解决vue页面过渡动画出现页面抖动效果或白屏问题

头部的header是绝对定位，每次动画调整，都有抖动一下或者是i闪烁一下
根本原因还是因为fixed在transform时失效了，所以要在动画进行过程中，用absolute覆盖掉fixed

css 部分

fixed在transform时失效，可在动画进行过程中，用absolute覆盖掉fixed
给消失的元素加个 position: absolute;
主要是在上面这两句话

在你的动画节点上加入
.page {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
就好了