uniapp获取元素到顶部的距离

Posted 2023-03-16

参考技术A 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元素的信息

自动布局和设备旋转中到顶部的比例距离

【中文标题】自动布局和设备旋转中到顶部的比例距离

【英文标题】：Proportional distance to top in autolayout and device rotation

【发布时间】：2015-03-24 10:40:42

【问题描述】：

我在 iPad 屏幕中有一个 UIImageView。三个自动约束是 1) 在容器中水平居中 2) 固定宽度 3) 固定高度

我有另一个约束，它告诉图像视图在屏幕顶部下方 100 点。

如果设备进入横向模式，我希望这个值是 70（数字 100 和 70 是虚构的，可以是其他、关系、比例等）

如果不以编程方式解决它，我应该怎么做，故事板界面构建器中的纯自动布局。

感谢您的帮助。

【问题讨论】：

看看尺寸等级。

【参考方案1】：

使用约束的乘数，可通过在 XIB 中选择约束来访问。

【讨论】：

这有助于单个控件与容器的比例，但没有帮助（或者我没有找到如何）改变到顶部的距离

当您将图像垂直居中于其容器中并在此约束上使用乘数时，它会起作用。另一种选择是创建一个不可见视图（view1），它的高度与乘数 0.3 相等，与另一个视图（view2）具有容器的完整高度。并将 imageview 的顶部链接到 view1 的底部。在这种情况下，图像视图应位于容器高度的 0.3 处。如果清楚请告诉我，否则我会为你画出来。