css postion:fixed页面会往下掉一下的问题

Question

/deep/ .ivu-modal{
    width: 100%;
    height: 100%;
  }
/deep/ .ivu-modal-content {
  position: fixed;
  -webkit-transform: translateZ(0);
  width: 664px;
  height: 670px;
   top: 50% ;
   left: 50% ;
   transform: translate(-50%, -50%);
  background: #ffffff;
  border: 2px solid #000000 16%;
  border-radius: 8px;
}

修改了iview的modal弹框组件的位置，想让它垂直居中，但是这里的写了fixed定位，在打开弹框的一瞬间弹框会往下面移动一下然后再恢复，应该如何修改，感谢各位

Answer 1

让滚动条出现在body上试试

Answer 2

https://codepen.io/gentlecode...