微信浏览器bug之min-height

制作了一个点击按钮后,当前页左滑到下一页的动效,核心css如下:

.current{
    position : absolute ;
    z-index : 2 ;
    width : 100% ;
    height : 100% ;
    
    transition : all 0.3s linear 0s ;
    -webkit-transition : all 0.3s linear 0s ;
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;  
    /*-webkit-transform-style: preserve-3d; */
      overflow-y: scroll;
  overflow-x: hidden;
}

将其中height : 100% 改为min-height: 100%后,微信浏览器会重新绘制该页,导致屏幕在动画完毕后闪动。

你可能感兴趣的:(微信浏览器bug之min-height)