Jitter problem when using the Carousel Figure plugin

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 % ; 
        } 

        } 
    }

 

Guess you like

Origin www.cnblogs.com/spll/p/11569963.html