onPageScroll做滚动吸顶反应迟钝
发布于 5 年前 作者 yanshao 10178 次浏览 来自 问答

<view class=“active-header {{titel?‘titel-list’:’’}}”>

<view class=“active-header-block {{ind==‘0’? ‘active’ : ‘’}}” data-index=“0” data-val=“1” bindtap=“changeBanner”>上新</view>

<view class=“active-header-block {{ind==‘1’? ‘active’ : ‘’}}” data-index=“1” data-val=“2” bindtap=“changeBanner”>热销</view>

<view class=‘active-header-block {{daindex2 ==“0”||daindex2 ==“1” ?“active”:""}}’ data-index=“2” data-index="{{daindex2}}" bindtap=“choosesort2”>

价格

<image src="{{imageurl2}}" wx:if="{{noticeContent}}"></image>

</view>

</view>

Page({

data: {

titel: false,

},

onPageScroll(res) {

    var that = this

    if (res.scrollTop >that.data.scrollTop) {

    that.setData({

    titel: true

    })

    } else {

    that.setData({

    titel: false

    })

    }

}

onPageScroll做滚动吸顶在真机上反应迟钝,一点都不流畅,体验效果不好

4 回复
  1. 吸顶建议使用相交区域createIntersectionObserver去做;

  2. 如果使用onPageScroll,函数截流或者抽取组件,减少setData影响范围

我在iPhone上是滑动到顶部之后要松开才能吸顶,这样感觉不流畅,不知道有什么办法解决,安卓还没看有没有延迟

回到顶部