微信小程序跳转

最新推荐文章于 2023-01-04 10:49:11 发布

原创最新推荐文章于 2023-01-04 10:49:11 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

微信专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现页面元素滚动定位的方法。通过使用 createSelectorQuery() 方法获取目标元素的位置信息，结合 pageScrollTo() 实现平滑滚动到指定元素的功能。此方法适用于需要在小程序中进行精确页面导航的场景。

goTo:function (id) {
    const q =wx.createSelectorQuery();
    q.select("#"+id).boundingClientRect();
    q.selectViewport().scrollOffset();
    q.exec((res)=>{
        if(res[0] && res[1]){
            console.log("跳转",res[0].top+res[1].scrollTop)
            wx.pageScrollTo({
                scrollTop:res[0].top+res[1].scrollTop,
                duration:1000
            })
        }
    })
},