个人网站建设规划案例,北京信息维护公司,潍坊网站建设培训班,华天动力oa系统template#xff1a;三个视频都每个占满屏幕#xff0c;点击按钮滚动最外层bgBox元素#xff0c; style: 想要加上动画过渡效果#xff1a; 这是显示第一个视频#xff1a; 点按钮向上滑动滚动到第二个视频时#xff1a; 视频错位了 #xff0c;因为视频消失又出现的时候…template三个视频都每个占满屏幕点击按钮滚动最外层bgBox元素 style: 想要加上动画过渡效果 这是显示第一个视频 点按钮向上滑动滚动到第二个视频时 视频错位了 因为视频消失又出现的时候transition过渡还没结束所以错位了这时候在点击按钮向上滚动的时候给控制视频消失/显示的样式延后0.3秒就行了如(v-if)
div classbgBoxvideo v-ifvideoStep 1 src../static/video.mp4 :autoplaytrue/video
/div
div classbgBoxvideo v-ifvideoStep 2 src../static/video.mp4 :autoplaytrue/video
/div
div classbgBoxvideo v-ifvideoStep 3 src../static/video.mp4 :autoplaytrue/video
/div
点击按钮向上滑动的时候 let temNum this.videoStep;
this.videoStep 0;//视频消失
setTimeout((){this.videoStep temNum 1;//过0.3秒再出现就没有错位的问题了
},300)
注意具体定时器设置几秒根据transition设置的几秒而定