.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回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 长夏

    6人对此回答表示赞同

    transform:translate3d

    展开
    6
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部