problem description
pull-up is-dropped style transfrom: translate3d (0px,-50px, 0px) in mint-ui loadmore. The class name will be added to the pull-up. If the class name is deleted at the end of the specified time, the page will drop
.the environmental background of the problems and what methods you have tried
change the distance of the scroll bar not to increase the height, change the style,
related codes
/ / Please paste the code text below (do not replace the code with pictures)
mint-ui the original code is
< div class= "mint-loadmore" >
<div class="mint-loadmore-content" :class="{ "is-dropped": topDropped || bottomDropped}" :style="{ "transform": "translate3d(0, " + translate + "px, 0)" }">
<slot name="top">
<div class="mint-loadmore-top" v-if="topMethod">
<spinner v-if="topStatus === "loading"" class="mint-loadmore-spinner" :size="20" type="fading-circle"></spinner>
<span class="mint-loadmore-text">{{ topText }}</span>
</div>
</slot>
<slot></slot>
<slot name="bottom">
<div class="mint-loadmore-bottom" v-if="bottomMethod">
<spinner v-if="bottomStatus === "loading"" class="mint-loadmore-spinner" :size="20" type="fading-circle"></spinner>
<span class="mint-loadmore-text">{{ bottomText }}</span>
</div>
</slot>
</div>< / div >