收藏
回答

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

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

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

最后一次编辑于  2018-12-06  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

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
      回复
    • 普昂月半
      普昂月半
      01-09回复一亩三分地儿

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

      01-09
      回复
    • 一亩三分地儿
      一亩三分地儿
      01-09回复普昂月半

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

      01-09
      回复