微信小程序-动态获取view高度

因为对小程序父标签和子标签的布局还不是特别了解，不像ios，父标签固定，子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度，然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二，感激不尽~~~

<view id='viewID'>

<view id="scriptID">

        var query = wxcreateSelectorQuery();

        //选择id

        queryselect('#numID')boundingClientRect()

        queryselect('#scriptID')boundingClientRect()

        queryexec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          consolelog('所有：',res);

          //取高度

          thatsetData({

            storyHeight:thatdatadetailHeight -(res[0]height+res[1]height)

          })

        });

设置了text-align 和 line-height属性 实现水平和垂直方向居中，在iOS端显示正常居中。但在Android机型特别是小米手机上仅水平居中，垂直方向上会向上偏移。

网上大佬表示：

通过上述，自己尝试了下

PS：后来又尝试使用flex布局 控制居中，发现在iOS和Android上显示正常居中了，不清楚是否是小程序后来实现了兼容。

Android浏览器下line-height垂直居中为什么会偏离？

小程序如何设置view与顶部距离为0

直接使用 androidviewViewgetScrollY() 就可以了 这个是获得 当前 滑动位置 距离 scrollView 顶部的距离 类似的 listView 也有这个方法

前几天在开发注册功能时，需要d一个显示注册协议的Modal，由于协议文字很长，需要用户手动滑动查看。

于是理所当然地使用一个view元素包裹协议内容，然后设置height，并设置 overflow-y: auto ，这样设置后在 微信开发工具 上使用鼠标滚轮滑动ok，但是过两天在真机上测试，what，无论我手指怎么滑都滑不动。

经过一通仔细 (胡乱) 调试，最终使用 scroll-view 解决了这个问题。

注意：使用竖向滚动时，需要给 <scroll-view> 一个固定高度，通过 css 设置 height。

关于 scroll-view 的更多介绍，请移步 >

微信小程序中scroll-into-view跳转到指定位置是这样使用的：

1、首先第一步，打开微信开发者工具。

2、其次第二步，打开wxml文件，然后在文件里先新建一个scroll-view的标签即可。

3、再次第三步，设置这个scroll-into-view滚动的方向设置为x轴，与此同时设置scroll-into-view的值，这个值就是子元素中的id，表示滚动到哪一个元素，如下图所示。

4、接下来就是设置子元素，先新建一个view的子元素，然后设置class和id，并且多设置几个view标签，以便观察效果。

5、最后一步，点击打开模拟器，在下面我们就可以看到滚动的元素，接着就按照我们之前设置的显示就行了。

1、首先打开微信开发者工具，新建一个小程序。

2、page目录下新建一个test目录和相关页面文件。打开appjson文件，将test页面路径放置到index前面。

3、单个view居中：点击打开testwxml页面代码，输入图中的代码内容。给view设置一个class。

4、点击打开testwxss文件，这里设置元素样式。输入下面图中的样式代码，可以实现view中文字内容居中。

5、最后打开testwxss文件，设置viewin的样式代码，如图中所示。实现内部的view相对于外层的view居中显示。

以上就是关于微信小程序-动态获取view高度全部的内容，包括:微信小程序-动态获取view高度、[小程序]设置view中字体水平垂直方向都居中、小程序如何设置view与顶部距离为0等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！