解决uniapp 的顶部 navbar scroll-view的滑块跟随问题和 下方包含内容的swiper 滑块不同步的问题

Scroll-view 中有一个属性 scroll-into-view

注意:scroll-into-view值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素

注意要在scroll-view的子元素中加入属性绑定一个id
:id=“’top’+index” index 为v-for 循环 数据的下标值

所以在 scoll-view 上加入这个属性
:scroll-into-view=“‘top’+index”
Data中加入一个数据 topintoindex:‘top1’

在scoll的点击事件中加入
this.topintoindex=’top’+index

这样样就能解决scroll-view 滑块的跟随问题了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值