收藏
回答

关于scroll-view在uniapp中使用scroll-into-view不起作用?

目标是要实现:选项卡左右滑动,当在列表页面选中某一个菜单时 ,跳转到下一个页面要滑动到指定菜单位置位置,所以要使用到scroll-into-view。

附图:

点击第一张图的位置,跳转到下一张图,

滑动到指定菜单位置

前提:已设置固定高度

HTML代码:

<scroll-view class="scroll-view_H" :scroll-x="true" :scroll-with-animation="true" :scroll-into-view="intoView" @scroll="scroll" :scroll-left="scrollLeftW" :show-scrollbar="false">

     <view class="nav_item" :class="{active:item.isChecked}" @click="getNavItem(item.Id)" v-for="(item,index) in navTabBars" :key="index">{{item.Name}}</view>

</scroll-view>

网上给的是要在@scroll 方法里设置 intoView

JS代码:

scroll: function(e) {

console.log(e)

this.intoView = "view"+e.currentTarget.dataset.id;

},

然而,这个写法并不正确,需要使用setData方法,使用setData方法后,报setData方法报错。

求大神给提供解决方案。




最后一次编辑于  11-19
回答关注问题邀请回答
收藏
问题标签