[微信小程序]通过计算其他view的高度，动态给定scroll-view的高度

最新推荐文章于 2026-03-01 02:22:44 发布

原创

最新推荐文章于 2026-03-01 02:22:44 发布 · 6.4k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在微信小程序中通过计算其他view的高度来动态设置scroll-view的高度。利用wx.createSelectorQuery()获取view的高度，结合wx.getSystemInfo()得到窗口高度，从而计算出scroll-view所需的固定高度。

WXML节点信息API

微信小程序的开发文档有个很重要的api

wx.createSelectorQuery()

具体大家还是看一下文档，我下面是直接上代码解说；

wx.createSelectorQuery()文档

案例中的布局

这里写图片描述

这里页面上部分有三个view，它们的class分别是.kill-order、.bannerType、.search；
然后接下来的是一个class=content的scroll-view
下面直接贴代码给你们瞧瞧：

wxml

<view class="pageMain">
    <button class='kill-order' bindtap='openqr'>
        <image src='{
   
   {
   
   qricon}}' />
        <view>
            <text>销核订单</text>
        </view>
    </button>
    <view class='bannerType'>
        <view bindtap='tapAll' style='{
   
   {
   
   tapAllCss}}'>
            <text>全部订单</text>
        </view>
        <view bindtap='tapNoKill' style='{
   
   {
   
   tapNoKillCss}}'>