uniapp使用movable-view滑动视图容器出现抖动回弹问题

.出现抖动和回弹是因为一有滑动就对x或y进行实时赋值所导致的,不赋值也是可以滑动的,所有可以多写一个不和x或y直接联系的值

<movable-area>
    <movable-view direction="vertical" @change="onChange1" @touchend="touchend" :disabled="isDisabled" :y="list[0].value" animation="false" friction="100" damping="1000">
    <text class="val p-b">{{list[0].myval}}</text>
    </movable-view>
</movable-area>

list: [{
        id: 1,
        myval: 0,//需要显示的值
        value: 120,//y轴的值
        name: '31'
      }, ]


onChange1(e) {

//获取e的值,处理成需要显示的值
 if (e.detail.y > 120) {
      this.list[0].myval = -Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
    } else {
       this.list[0].myval = Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
     
   // this.list[0].value = e.detail.y   //不直接赋值给y轴,
     },

<movable-area>
                    <movable-view direction="vertical" @change="onChange1" @touchend="touchend" :disabled="isDisabled"
                        :y="list[0].value" animation="false" friction="100" damping="1000">
                        <text class="val p-b">{{list[0].myval}}</text>
                    </movable-view>
                </movable-area>

list: [{
                        id: 1,
                        myval: 0,//需要显示的值
                        value: 120,//y轴的值
                        name: '31'
                    }, ]

onChange1(e) {

//获取e的值,处理成需要显示的值
                if (e.detail.y > 120) {
                    this.list[0].myval = -Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
                } else {
                    this.list[0].myval = Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
                }
                // this.list[0].value = e.detail.y   //不直接赋值给y轴,
            },

  • 13
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值