微信小程序获取滚动条高度_微信小程序计算scroll-view的高度

本文介绍了如何在微信小程序中计算`scroll-view`的高度以实现竖向滚动,并提供了完整的js代码示例,包括下拉刷新功能的实现。在`onLoad`函数中,通过`wx.getSystemInfo`获取窗口高度并减去搜索栏的高度来设置`scrollHeight`。此外,还讨论了在下拉刷新过程中遇到的问题及解决方案,特别是`bindrefresherrestore`事件未触发的问题。
摘要由CSDN通过智能技术生成

官方文档开头就说,当我们使用竖向滚动时,就需要给它一个固定高度,单位是px。

可滚动视图区域。使用竖向滚动(scroll-y)时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。微信开放文档

编写WXML,项目上将这段作为template:

scroll-y style="width: 100%;height:{ {scrollHeight}}px;"

refresher-enabled="{ {true}}"

refresher-threshold="{ {100}}"

refresher-default-style="white"

refresher-background="lightgreen"

refresher-triggered="{ {triggered}}"

bindrefresherpulling="onPulling"

bindrefresherrefresh="onRefresh"

bindrefresherrestore="onRestore"

bindrefresherabort="onAbort"

>

商品描述-手机吧啦吧啦

¥1399.00

这时候我们需要在对应的js中去计算这个 scrollHeight

onLoad: fun

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值