1***@qq.com
1***@qq.com
  • 发布:2023-08-14 11:40
  • 更新:2023-08-14 12:04
  • 阅读:86

a页面如何跳转到b页面的对应的列表锚点?

分类:uni-app

a页面携带id跳到b页面(b页面是tab页,是一个列表页)需求:a跳转到b时,跳到对应的id列表项上(锚点)

2023-08-14 11:40 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

1、 如果是 scroll-view 给 scroll-into-view 属性设置为 这个id(不能以数字开头 string,如果是数字,给前面拼接个字符串 )
2、如果是 页面级滚动 用 uni.pageScrollTo

 //获取元素离页面顶部的距离  
    getElementScollTop() {  
      const query = uni.createSelectorQuery()  
      query  
        .select(你的id)//动态去绑定id  
        .boundingClientRect((data) => {  
          console.log(data, 'data')  
          let pageScrollTop = Math.round(data.top)  
          uni.pageScrollTo({  
            scrollTop: pageScrollTop, //滚动的距离  
            duration: 0, //过渡时间  
        })  
      })  
        .exec()  
    },  
  • 1***@qq.com (作者)

    大佬,第一种方法我用为什么没有跳到对应的id位置呢,id我用字符串加数字的形式,b页面的列表页是通过顶部tab切换的,想跳到第3个tab里的对应的id上

    2023-08-15 10:14

  • 1***@qq.com (作者)

    已经解决了~谢谢

    2023-08-15 10:36

要回复问题请先登录注册