收藏
回答

cover-view实现悬浮球真机调试,拖动悬浮球时悬浮球一直抖动

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-view 客户端 6.6.7 2.2.5

.float-ball {

    position: fixed;

    width: 50px;

    height: 50px;

    bottom: 0px;

    right: 0px;

}


<cover-view class="float-ball" style="bottom: {{ballBottom}}px; right: {{ballRight}}px;"

    bindtap="ballClickEvent"catchtouchmove="catchBallMove">

    <cover-image src="/images/icon" style="width: 100%; height: 100%;" mode="aspectFill" />

</cover-view>


catchBallMove: function (e) {

    let touchs = e.touches[0];

    let pageX = touchs.pageX;

    let pageY = touchs.pageY;

    let offSetY = _this.data.offSetY;

    

    let x = this.data.screenWidth - pageX - 25;

    let y = this.data.screenHeight - (pageY - offSetY) + 25;

    if(x < 0) {

        x = 0;

    }

    if(x > _this.data.screenWidth - 50) {

        x = _this.data.screenWidth - 50;

    }

    if(y < 45) {

        y = 45;

    }

    if(y > _this.data.screenHeight) {

        y = _this.data.screenHeight;

    }

    

    this.setData({

        ballBottom: y,

        ballRight: x,

    });

},


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

1 个回答

  • 虫
    虫
    2018-09-03

    transform:translate3d

    2018-09-03
    有用
    回复
登录 后发表内容