制作了一个点击按钮后,当前页左滑到下一页的动效,核心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%后,微信浏览器会重新绘制该页,导致屏幕在动画完毕后闪动。