uniapp 实现切换tab锚点定位到指定位置

最新推荐文章于 2024-09-30 17:42:26 发布

小吴头大

最新推荐文章于 2024-09-30 17:42:26 发布

阅读量1.2k

点赞数

文章标签： uni-app java 服务器

本文链接：https://blog.csdn.net/weixin_43907110/article/details/132467699

版权

1.主要使用uniapp scroll-view 组件的scroll-into-view属性实现功能在这里插入图片描述
2.代码如下

  <scroll-view
      :scroll-into-view="intoView"
    >
       <u-tabs

          class="tabs-list"
          @change="tabChange"
          :list="tabList"
        
        >
        </u-tabs>
        <view id="1"></view>
           <view id="2"></view>
           <view id="3"></view>
           <view id="4"></view>
    </scroll-view>

      tabList: [
        {
          name: "1",
          id: "1",
        },
        {
          name: "2",
          id: "2",
        },
        {
          name: "3",
          id: "3",
        },
        {
          name: "4",
          id: "5",
        },
      ],
      intoView: "",
    tabChange(e) {
      this.intoView = e.id;
    },