公告列表
公告列表
收藏
回答

元素运用animation动画，部分机型tap事件点击没反应

框架类型 问题类型 操作系统版本 手机型号 微信版本
小程序 Bug IOS12.0 IPhone 6s 6.7.3

元素运用animation动画，部分IOS、和安卓机型tap事件点击不能及时反应,需要多次点击并且在一段时间后才会触发点击事件,

- 预期表现

    每次点击都能按时触发tag事件

.float-redpacket-item {
    position: absolute;
    z-index: 6;
    width: 136rpx;
    height: 136rpx;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation-timing-function: linear;

    text-align: center;

background-color: black;

}
.float-redpacket-item-animation_0 {
    top: 60rpx;
    left: 600rpx;
    animation-name: myMove_1;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
@keyframes myMove_1 {
    0% {
        transform: translateX(0) translateY(0);
    }
    10% {
        transform: translateX(-100rpx) translateY(50);       
    }
    20% {
        transform: translateX(-200rpx) translateY(100rpx);
    }
    30% {
        transform: translateX(-300rpx) translateY(200rpx);
    }
    40% {
        transform: translateX(-400rpx) translateY(350rpx);
    }
    50% {
        transform: translateX(-450rpx) translateY(380rpx);
    }
    60% {
        transform: translateX(-620rpx) translateY(450rpx);
    }
    70% {
        transform: translateX(-350rpx) translateY(780rpx);
    }
    80% {
        transform: translateX(-200rpx) translateY(500rpx);
    }
    90% {
        transform: translateX(-100rpx) translateY(200rpx);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}

<view class="float-redpacket-box">
    <view class="float-redpacket-item float-redpacket-item-animation_0" catchtap="friendSignOpenFriendPacket">
    </view>
</view>
friendSignOpenFriendPacket(e) {
console.log(e);
}


最后一次编辑于  2018-10-07
回答关注问题邀请回答
收藏

2 个回答

请 登录 后发表内容
相关文档