美文网首页
uniapp获取元素到顶部的距离

uniapp获取元素到顶部的距离

作者: 冬晨_f7a6 | 来源:发表于2021-11-17 17:43 被阅读0次

1 通过uni.createSelectorQuery() 来实现,
注意:要获得的高度,是在页面上dom已经渲染完成之后才能获得

我使用的是页面生命周期  onReady()中调用的

                let _this = this;

                const query = uni.createSelectorQuery()

                 query.select('#tab').boundingClientRect()

                   query.selectViewport().scrollOffset()

                    query.exec(function(res){

                        debugger

                       // res[0].top      // #tab节点的上边界坐标

                        // res[1].scrollTop // 显示区域的竖直滚动位置

                        _this.height=resu.windowHeight-res[0].top +'px'

                        console.log('高度',res[0].height);

                        console.log('demo的元素的信息',res);

                    })

我是用于实现页面滚动后把列表的导航条吸附在顶部,在微信小程中使用有效,在app端使用这个方法不能获取到距离顶部的高度,只有demo元素的信息

相关文章

网友评论

      本文标题:uniapp获取元素到顶部的距离

      本文链接:https://www.haomeiwen.com/subject/cqqjtrtx.html