收藏
回答

tab切换(自定义)页面保持原来位置

类似“知乎热榜”小程序,滑动页面再切换回去 保持原来位置  不使用swiper 。因为需要实现预加载,下拉刷新和上拉加载功能

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

1 个回答

  • 卢霄霄
    卢霄霄
    2018-10-10

    我用的单页面来做的。。主页面上放着一个tabbar 和一个scroll-view。。。然后几个页面都作为组件用hidden控制隐藏显示。我的页面内容不多,效果还行

    2018-10-10
    赞同
    回复 36
    • 特立独行的喵
      特立独行的喵
      2018-10-10

      我页面全是feed流,数据很多,而且选项卡是根据接口动态渲染的,不是写死的。用小程序onpagescroll有延迟,体验很差。我看那个“知乎热榜”切换很流畅,位置也保持的很好。体验很好,是怎么做到的

      2018-10-10
      回复
    • 卢霄霄
      卢霄霄
      2018-10-10回复特立独行的喵

      感觉他这个。。bug挺多的啊。。应该是自己用view写的切换动画吧

      2018-10-10
      回复
    • 特立独行的喵
      特立独行的喵
      2018-10-10回复卢霄霄

      那你有代码块吗?我能看看源码吗?

      2018-10-10
      回复
    • 卢霄霄
      卢霄霄
      2018-10-10回复特立独行的喵

      没挖出来。。比较乱。。大致意思一下

      <view>

          <view>

              <view hidden="{{curren!=1}}">

                  <tab1></tab1>

              </view>

              <view hidden="{{curren!=2}}">

                  <tab2></tab2>

              </view>

              <view hidden="{{curren!=3}}">

                  <tab3></tab3>

              </view>

          </view>

          <view>

              <view>tab1</view>

              <view>tab2</view>

              <view>tab3</view>

          </view>

      </view>

      2018-10-10
      回复
    • 特立独行的喵
      特立独行的喵
      2018-10-10回复卢霄霄

      这样可以在选项卡切换的时候保持原来位置吗?


      2018-10-10
      回复
    查看更多(31)