收藏
回答

onPageScroll做滚动吸顶反应迟钝

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug onPageScroll 客户端 6.7.4 2.4.2

<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做滚动吸顶在真机上反应迟钝,一点都不流畅,体验效果不好

最后一次编辑于  2018-12-19  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 蒋友松
    蒋友松
    07-29
    1. 吸顶建议使用相交区域createIntersectionObserver去做;

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


    07-29
    赞同
    回复
  • จุ๊บ
    จุ๊บ
    01-07


    01-07
    赞同
    回复
  • 不是我而是风
    不是我而是风
    01-07

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

    01-07
    赞同
    回复 5
    • จุ๊บ
      จุ๊บ
      01-07

      ,直接定位,滚动是时候在出现,另外一个让隐藏


      01-07
      回复
    • 不是我而是风
      不是我而是风
      01-07回复จุ๊บ

      好的,我来试下

      01-07
      回复
    • 不是我而是风
      不是我而是风
      01-08回复จุ๊บ

      还是这样的,而且我看网上好几个教程的demo都是这样,没有美团外卖小程序那样顺滑

      01-08
      回复
    • จุ๊บ
      จุ๊บ
      01-08回复不是我而是风

      问一下官方,真机上

      onPageScroll

      分应迟钝,我刚刚看了一下,还是会有卡顿的情况

      01-08
      回复
    • 不是我而是风
      不是我而是风
      01-08回复จุ๊บ

      哎,我看好多人都遇到这样的问题了,官方也不给个解答

      01-08
      回复
  • left
    left
    2018-12-25

    2018-12-25
    赞同
    回复