H5 滑动事件hammerJS 一个小问题解决

最新推荐文章于 2022-05-26 17:46:03 发布

aliez.Zhou

最新推荐文章于 2022-05-26 17:46:03 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_38942978/article/details/99682727

版权

<div class="topPopAudioProgress" :style="{width: bodyWidth*0.35 + 'px'}">
   <div class="audioSlideOnPan" v-hammer:pan="onPanAudio"></div>
   <img class="audioSlide" :style="{left: slideLeft + 'px'}" :src="'./static/images/slide.png'"/>
   <p :style="{width: (audioTime/audioDuration)*100 + '%'}"></p>
 </div>

在这里插入图片描述
onpan需要绑定在同级div audioSlideOnPan 下，audioSlideOnPan 遮罩在img p标签上方，防止滑动的时候定位到 img audioSlide上