uni-app 跳转到另一个页面的指定位置

第一步,给指定页面想要跳转的位置加一个class
第二步,点击跳转时,给页面传值

uni.navigateTo({
     url: url+'?pageid='+this.pageid
});

第三步,跳转到的页面接收

onLoad(options) {
    // this.pageid = 'header'
    if(options.pageid){
        this.pageid = options.pageid
        // console.log(this.pageid)
    }
            
},

第四步,获取指定class的居上高度,并滚动

onReady(options) {
    if(this.pageid != 'header'){
        // console.log(this.pageid)
        this.pageScrollto()
    }
},

uni.createSelectorQuery().select("."+this.pageid).boundingClientRect(data=>{
    // console.log(data.top)
    uni.pageScrollTo({
            duration:0, // 必须为零
        scrollTop:data.top,
    })
}).exec();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。