网上找了半天找不到,自己照思路实现了最简洁的办法。
样式效果:以下是布局和滚动代码:
原理就是给子div添加ref="idSwiperImg",在点击事件时,获取到相应的子div:this.$refs.idSwiperImgItem[index];,调用移动到view:targetLocation.scrollIntoView();即可。
太简洁了,省去了大堆计算位置,移动位置的代码。
<div class="showViewerRightBottomImg" ref="idSwiperImg">
<div v-for="(task, tttIdex) in tesrList" :key="tttIdex" class="showViewerRig