收藏
回答

小程序 scroll-view 索引与条目之间双向定位

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 scroll-view 客户端 6.7.3 2.0.0

像电话本一样,点击 {索引} 定位到 {条目} scroll-view  的 scroll-into-view 能实现,反之滚动到显示 {条目} 对应的 {索引} 变亮,小伙伴们是怎么做的?

回答关注问题邀请回答
收藏

1 个回答

  • 一亩三分地儿
    一亩三分地儿
    2018-12-09

    不好意思已经找到了办法。通过IntersectionObserver wx.createIntersectionObserver(Object this, Object options)轻松解决

    2018-12-09
    有用
    回复 4
    • 一亩三分地儿
      一亩三分地儿
      2018-12-09

      事情没有这么简单:


      调用 IntersectionObserver.relativeTo().observe() 仅仅监视当前页面已经存在的组件。对于后边分页加载上来的项不理睬。


      因此只能重新生成 IntersectionObserver 重新调用 IntersectionObserver.relativeTo().observe()。


      问题又来了,分页加载来的数据从 setData 到页面生成view有个时间。如果在调用 setData 后直接 IntersectionObserver.relativeTo().observe(),因为刚绑定的数据还没有生成view,调了也是白调。


      接着用 setTimeout 推迟1秒再调用 IntersectionObserver.relativeTo().observe() 发现这样根本无效。


      蛋疼啊蛋疼


      2018-12-09
      回复
    • 一亩三分地儿
      一亩三分地儿
      2018-12-09回复一亩三分地儿

      问题解决了,setData 方法原来还有个参数,太棒了,第二个参数在渲染完界面后调用


      2018-12-09
      回复
    • 爱钓鱼的游戏宅
      爱钓鱼的游戏宅
      2019-01-09回复一亩三分地儿

      怎么消除呢 用了disconnect,并没有消除

      2019-01-09
      回复
    • 一亩三分地儿
      一亩三分地儿
      2019-01-09回复爱钓鱼的游戏宅

      能消除的,您再查一下自己的代码

      2019-01-09
      回复
登录 后发表内容