微信小程序中 scroll-view 属性 bindscrolltolower 事件触发不生效

最近做公司微信小程序的项目时 遇到的问题 记录一下问题防止日后出现相同的错误

问题所在:处理滚动到底部 触发滚动到底部事件 (bindscrolltolower) 的时候 并没有 生效!

经过多方面的资料排查,以及官方文档的查询 终于解决了 本人的困惑

<scroll-view
    class='pages-container'
    scroll-y="true"

    // 设置 触摸底部控件
    bindscrolltolower="bottomRefresh"
    lower-threshold='100'

    // 务必要设置的高度
    style='height:100%;'
>
  <!-- other code ... -->
</scroll-view>
// 手指滑动到底部后触发 '触底刷新加载更多操作'
  bottomRefresh() {
    console.log('到达底部了,加载更多电影文件内容')
  },

必须要设置 scroll-view 的高度属性问题 不设置的话 它不能准确的知道高度 不能去正确的触发这个事件;

可以设置 如下:

page{
    width:100%;
    height:100%;
}

scroll-view {
    height:100%;
    /* other the code.. */
}

基本上设置 高度 `height: number` 就可以完美的运行问题; }
如有其他问题 请反馈

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值