微信小程序上拉加载历史消息

最近使用微信小程序的scroll-view实现上拉获取历史消息,遇到了很多坑,自己也百度了很多,但是依旧没

有解决数据重新渲染后滚动条回到顶部的问题,我结合了scroll-view的bindrefresherrefresh

bindscrolltoupperscroll-into-view来解决,体验感稍微提升了许多。

首先需要明白的一点是为什么会出现闪烁的问题,是因为微信小程序每次进行数据渲染的时候都会重绘页面,导致滚动条回到顶部,在使用scroll-into-view回到指定位置,一上一下就会产生闪烁的效果。

  1.wxml代码部分

 <scroll-view scroll-y  class="total-container" 
    bindscrolltoupper="handleScrollUpper"
    bind:refresherrefresh="onRefresh" 
    refresher-enabled="{
  {true}}" 
    refresher-default-style="none"
    refresher-threshold="{
  { 20 }}"
    scroll-anchoring="{
  {true}}"
    scroll-into-view="{
  { toView }}">
     //加载图标
    <view class="load
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值