收藏
回答

小程序scroll-view滑动页面时页面出现抖动问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug scroll-view 客户端 iOS 6.6.6 1.9.98

代码如下:


组件list  wxml文件

<scroll-view bindscrolltolower="lower" enable-back-to-top scroll-y  style="width:100%;height:calc(100vh - {{onlysearch?115:188}}rpx);" scroll-top="{{y}}" bindscroll="bindscroll">

<block wx:key="{{index}}" wx:for="{{orders}}" wx:if="{{orders&& orders.length > 0 }}">

<order-item isrefund="{{isrefund}}" isservice="{{isservice}}" item="{{item}}" bind:orderdetail="orderdetail" > </order-item>

</block>

<wxc-abnor type="MESSAGE" title="暂时没有数据" wx:if="{{ !loading&&orders.length == 0 }}"></wxc-abnor>

<view id="loadmore" wx:if="{{isloadingmore}}">

<wxc-loadmore text="正在努力加载中...">

</wxc-loadmore>

</view>

</scroll-view>


组件list js文件

bindscroll(e) {

this.triggerEvent('scroll', e.detail.scrollTop)

}



引用组件的代码:

<list orders="{{orders}}" bind:orderdetail="handleDetailOrder" bind:lower="lower" loading="{{loading}}" isloadingmore="{{isloadingmore}}" bind:scroll="scroll" y="{{y}}"> </list>



onLoad() {

 this.setData({ y: 0 })

},


scroll(data) {

this.setData({ y: data.detail })

},











回答关注问题邀请回答
收藏

1 个回答

  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-05-21

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-05-21
    有用
    回复 1
    • TaowzzZ
      TaowzzZ
      2022-01-22
      模拟器上和真机之间的差别太大了,特别是IOS
      2022-01-22
      回复
登录 后发表内容