Vue make today a project, there has been div carousel chart below when using a carousel view of the plug-jitter problems
What reason is, I'm not sure. After Baidu was said to be highly inconsistent picture carousel lead, and then have a variety of styles css to hide the overflow ah what not tried it with a little egg
Later saw a blog, he said on the style on the floor div img tag add this:
transform: translateZ(0);
ok successfully resolved.
==================================================
Carousel plug-in html code:
<mt-swipe :auto="3000"> <mt-swipe-item v-for="img in imgList"> <img v-bind:src="img.url" :class="{'full':isFull}" alt="" /> </mt-swipe-item> </mt-swipe>
css style code:
.mint- swipe { height: 200px; the Transform: translateZ ( 0 ); // this is mainly added, carousel following div not shake, do not waste breath on the fifth floor of the Jin .mint -swipe- Item { text - align = left: Center; IMG { height: 100 % ; } .full { width: 100 % ; } } }